/* MusterSheet Help Center — theme overrides to match the app.
 *
 * Tokens mirror templates/layouts/base.html:
 *   dark:  page #0d0d10, card #1a1a1f, accent gold #ffb620
 *   light: page #f5f7f8, card #ffffff, accent teal #0d9488
 * Display font: Georgia/Cambria serif, italic for headings.
 * Body font: Outfit (loaded via mkdocs.yml `font:`).
 */

/* ------------------------------------------------------------------ */
/* Dark mode (default — matches the app's default theme)               */
/* ------------------------------------------------------------------ */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0d0d10;
  --md-default-fg-color: #e6e6e8;
  --md-default-fg-color--light: #b8b8bd;
  --md-default-fg-color--lighter: #8a8a91;
  --md-default-fg-color--lightest: rgba(67, 67, 73, 0.4);

  /* Header + search */
  --md-primary-fg-color: #0d0d10;
  --md-primary-fg-color--dark: #0d0d10;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #e6e6e8;

  /* Gold accent */
  --md-accent-fg-color: #ffb620;
  --md-accent-fg-color--transparent: rgba(255, 182, 32, 0.1);
  --md-typeset-a-color: #ffb620;

  --md-code-bg-color: #1a1a1f;
  --md-code-fg-color: #e6e6e8;

  --md-footer-bg-color: #0d0d10;
  --md-footer-bg-color--dark: #0a0a0c;

  --md-typeset-mark-color: rgba(255, 182, 32, 0.3);
}

[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs {
  border-bottom: 1px solid rgba(67, 67, 73, 0.6);
}

[data-md-color-scheme="slate"] .md-typeset a:hover {
  color: #ffc94a;
}

/* ------------------------------------------------------------------ */
/* Light mode                                                          */
/* ------------------------------------------------------------------ */
[data-md-color-scheme="default"] {
  --md-default-bg-color: #f5f7f8;

  --md-primary-fg-color: #ffffff;
  --md-primary-fg-color--dark: #ffffff;
  --md-primary-bg-color: #0f172a;
  --md-primary-bg-color--light: #1e293b;

  /* Teal accent */
  --md-accent-fg-color: #0d9488;
  --md-accent-fg-color--transparent: rgba(13, 148, 136, 0.07);
  --md-typeset-a-color: #0d9488;

  --md-typeset-mark-color: rgba(13, 148, 136, 0.18);
}

[data-md-color-scheme="default"] .md-header,
[data-md-color-scheme="default"] .md-tabs {
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

[data-md-color-scheme="default"] .md-typeset a:hover {
  color: #14b8a6;
}

/* Light mode: white "cards" for code + admonitions on the grey page */
[data-md-color-scheme="default"] .md-typeset .admonition,
[data-md-color-scheme="default"] .md-typeset details {
  background-color: #ffffff;
}

/* ------------------------------------------------------------------ */
/* Shared: typography to match the app                                 */
/* ------------------------------------------------------------------ */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-family: Georgia, Cambria, "Times New Roman", serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.01em;
}

.md-typeset h1 {
  color: var(--md-default-fg-color);
}

.md-header__topic,
.md-header__title {
  font-family: Georgia, Cambria, "Times New Roman", serif;
  font-style: italic;
}

/* Larger base text — many readers are on the older side */
.md-typeset {
  font-size: 0.85rem;
  line-height: 1.7;
}

/* Numbers align in tables (scores, fees, times) */
.md-typeset table:not([class]) {
  font-variant-numeric: tabular-nums;
}

/* Keyboard-free friendliness: generous click targets in the nav */
.md-nav__link {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}