/* Foundry Hackathon — Cover-matched theme (lavender → sky blue) */

:root {
  /* Hackathon cover palette — matched to banner */
  --hk-purple:      #B5D5EE;                        /* light periwinkle-blue, gradient start */
  --hk-mid:         #68B8E8;                        /* sky blue, gradient mid */
  --hk-sky:         #2CC8F0;                        /* bright cyan, gradient end */
  --hk-navy:        #0D1B35;                        /* dark navy — primary text */
  --hk-navy-mid:    #1E3A68;                        /* medium navy — secondary text */
  --hk-cobalt:      #1E5CC8;                        /* shape fill / link accent */
  --hk-glass:       rgba(255, 255, 255, 0.88);
  --hk-card-bg:     rgba(225, 238, 255, 0.92);
  --hk-shadow:      0 18px 48px rgba(13, 27, 53, 0.18);

  /* Legacy aliases used in MkDocs Material overrides */
  --fw-text:        var(--hk-navy);
  --fw-muted:       var(--hk-navy-mid);
  --fw-accent:      var(--hk-cobalt);
  --fw-accent-strong: var(--hk-sky);
  --fw-card-bg:     var(--hk-card-bg);
  --fw-shadow:      var(--hk-shadow);
}

/* Override MkDocs Material CSS vars */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:        var(--hk-cobalt);
  --md-primary-fg-color--light: var(--hk-sky);
  --md-primary-fg-color--dark:  #163FA8;
  --md-accent-fg-color:         var(--hk-sky);
  --md-default-fg-color:        var(--hk-navy);
  --md-default-fg-color--light: var(--hk-navy-mid);
  --md-typeset-color:           var(--hk-navy);
  --md-default-bg-color:        #ffffff;
}

/* Page background — clean white */
body {
  background: #ffffff;
  min-height: 100vh;
}

/* Header — gradient matched to banner */
.md-header {
  background: linear-gradient(90deg, #B5D5EE 0%, #68B8E8 50%, #2CC8F0 100%) !important;
  box-shadow: 0 2px 8px rgba(13, 27, 53, 0.12);
}

.md-header[data-md-state="shadow"] {
  box-shadow: 0 2px 12px rgba(13, 27, 53, 0.20);
}

/* Tabs — matching gradient, slightly deeper */
.md-tabs {
  background: linear-gradient(90deg, #8EC4E8 0%, #25BCEC 100%) !important;
}

.md-tabs__link {
  color: rgba(255, 255, 255, 0.85);
  font-weight: 500;
}

.md-tabs__link--active,
.md-tabs__link:hover {
  color: #ffffff;
}

/* Font family */
body,
.md-typeset {
  font-family: "Segoe UI", SegoeUI, Arial, sans-serif;
  color: var(--hk-navy);
}

/* Content area — white, no decoration */
.md-main__inner {
  margin-top: 0;
}

.md-content {
  background: transparent;
}

/* Sidebar — force transparent so page color shows through */
.md-sidebar,
.md-sidebar__scrollwrap,
.md-sidebar__inner,
.md-nav__title {
  background: transparent !important;
}

.md-nav__link {
  color: var(--hk-navy);
}

.md-nav__link--active {
  color: var(--hk-cobalt);
  font-weight: 600;
}

/* Headings */
.md-typeset h1 {
  color: var(--hk-navy);
  font-weight: 700;
  margin-bottom: 0.3rem !important;
}

/* Tighten the gap between the page title and the first paragraph (Time / intro text) */
.md-typeset h1 + p {
  margin-top: 0 !important;
}

.md-typeset h2 {
  color: var(--hk-navy);
  font-weight: 600;
  border-bottom: 2px solid var(--hk-cobalt);
  padding-bottom: 0.3rem;
}

/* Links */
.md-typeset a {
  color: var(--hk-cobalt);
}

.md-typeset a:hover {
  color: var(--hk-sky);
}

/* Code blocks */
.md-typeset code {
  background: var(--hk-card-bg);
  border-radius: 6px;
  color: var(--hk-navy);
}

.md-typeset pre {
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(13, 27, 53, 0.10);
}

/* Admonitions */
.md-typeset .admonition {
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(13, 27, 53, 0.08);
}

/* Tables */
.md-typeset table:not([class]) {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(13, 27, 53, 0.08);
}

.md-typeset table:not([class]) th {
  background: var(--hk-cobalt);
  color: #ffffff;
}

/* Search bar */
.md-search__form {
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 1px 6px rgba(13, 27, 53, 0.20);
}

.md-search__input {
  border-radius: 999px;
  background: transparent;
  color: var(--hk-navy);
}

.md-search__input::placeholder {
  color: var(--hk-navy-mid);
  opacity: 0.7;
}

/* Footer */
.md-footer {
  background: linear-gradient(90deg, #7C74BE, #44AEEE);
}

.md-footer-meta {
  background: rgba(13, 27, 53, 0.3);
}

/* Header logo — Microsoft icon color */
.md-header__button.md-logo {
  color: #ffffff;
}

/* Navigation tabs pills */
.md-tabs__list {
  gap: 0.25rem;
}

/* Buttons / CTAs in content */
.md-typeset .md-button {
  border-radius: 16px;
  background: var(--fw-accent);
  color: #ffffff;
  border: none;
  padding: 0.6rem 1.5rem;
  font-weight: 600;
  transition: all 0.2s ease;
}

.md-typeset .md-button:hover {
  background: var(--fw-accent-strong);
  box-shadow: 0 8px 24px rgba(47, 128, 237, 0.3);
}