/* ─────────────────────────────────────────────────────────
   Light mode: silver grey header (#F2F3F4), charcoal text
   ───────────────────────────────────────────────────────── */

[data-md-color-scheme="default"] {
  --md-primary-fg-color:        #F2F3F4;
  --md-primary-fg-color--light: #F8F9FA;
  --md-primary-fg-color--dark:  #E0E0E0;
  --md-primary-bg-color:        #2c2c2c;
  --md-primary-bg-color--light: rgba(44,44,44,0.7);
  --md-accent-fg-color:         #20609f;
  --md-accent-fg-color--transparent: rgba(32,96,159,0.1);
  --md-accent-bg-color:         #ffffff;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color:        hsl(226, 23%, 11%);
  --md-default-fg-color:        #bcbdd0;
  --md-default-fg-color--light: rgba(188,189,208,0.54);
  --md-default-fg-color--lighter: rgba(188,189,208,0.32);
  --md-default-fg-color--lightest: rgba(188,189,208,0.12);
  --md-primary-fg-color:        #282d3f;
  --md-primary-fg-color--light: #323849;
  --md-primary-fg-color--dark:  #1e2232;
  --md-primary-bg-color:        #c8c9db;
  --md-primary-bg-color--light: rgba(200,201,219,0.7);
  --md-accent-fg-color:         #2b79a2;
  --md-accent-fg-color--transparent: rgba(43,121,162,0.1);
  --md-accent-bg-color:         #bcbdd0;
}


/* ── Light mode: subtle header border ── */
[data-md-color-scheme="default"] .md-header {
  border-bottom: 1px solid #DCDCDC;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

/* ── Sidebar ── */
[data-md-color-scheme="default"] .md-nav--primary,
[data-md-color-scheme="default"] .md-sidebar__scrollwrap {
  background-color: #fafafa;
}

/* ── Links ── */
[data-md-color-scheme="default"] .md-typeset a {
  color: #20609f;
}
[data-md-color-scheme="default"] .md-typeset a:hover {
  color: #154c80;
}

[data-md-color-scheme="slate"] .md-typeset a {
  color: #5aacdb;
}
[data-md-color-scheme="slate"] .md-typeset a:hover {
  color: #7dc4e8;
}

/* ── Header nav links (light mode white header) ── */
[data-md-color-scheme="default"] .md-header__title,
[data-md-color-scheme="default"] .md-tabs__link,
[data-md-color-scheme="default"] .md-header__button {
  color: #2c2c2c !important;
}

/* ── Sidebar nav links ── */
[data-md-color-scheme="default"] .md-nav__link {
  color: #3a3a3a;
}
[data-md-color-scheme="default"] .md-nav__link:hover,
[data-md-color-scheme="default"] .md-nav__link--active {
  color: #20609f;
}

/* ── Typography ── */
:root {
  --md-text-font: "Inter", sans-serif;
  --md-code-font: "JetBrains Mono", monospace;
}

/* ── Headings ── */
.md-typeset h1 {
  font-weight: 700;
  letter-spacing: -0.02em;
}

.md-typeset h2 {
  font-weight: 600;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
  padding-bottom: 0.3em;
  margin-top: 2em;
}

/* ── Navigation ── */
.md-nav__title {
  font-weight: 700;
}

/* ── Code blocks ── */
.md-typeset pre > code {
  border-radius: 6px;
  font-size: 0.85em;
}

/* ── Inline code ── */
.md-typeset code {
  border-radius: 4px;
  padding: 0.1em 0.35em;
  font-size: 0.88em;
}

/* ── Admonitions ── */
.md-typeset .admonition,
.md-typeset details {
  border-radius: 6px;
}

/* ── Tables ── */
.md-typeset table:not([class]) {
  border-radius: 6px;
  overflow: hidden;
  font-size: 0.9em;
}

.md-typeset table:not([class]) th {
  background-color: var(--md-primary-fg-color);
  color: var(--md-primary-bg-color);
  font-weight: 600;
}

/* ── Hero section on home page ── */
.md-typeset .hero {
  text-align: center;
  padding: 2.5rem 1rem;
}

/* ── Slightly wider content area ── */
.md-grid {
  max-width: 1280px;
}

/* ── Footer ── */
.md-footer-meta {
  font-size: 0.8em;
}