/* generated from docs/UIUX-PLAN.md §5 — edit tokens there first */
/* ponytail: duplicated per-book; shared build step when a third book appears */

html {
  font-family: Geist, "Segoe UI", system-ui, sans-serif;
}

.menu-title {
  font-weight: 600;
  letter-spacing: 0.01em;
}

/* ===== dark (default) — mirrors .dark tokens in src/index.css ===== */
.navy {
  --bg: #10141b;
  --fg: #e8ecf3;

  --sidebar-bg: #0c1016;
  --sidebar-fg: #c9d0dc;
  --sidebar-non-existant: #5a6578;
  --sidebar-active: #4da3ff;
  --sidebar-spacer: rgba(255, 255, 255, 0.07);

  --scrollbar: rgba(77, 163, 255, 0.55);

  --icons: #8b96a8;
  --icons-hover: #e8ecf3;

  --links: #4da3ff;

  --inline-code-color: #9fd1ff;

  --theme-popup-bg: #171c26;
  --theme-popup-border: rgba(255, 255, 255, 0.09);
  --theme-hover: #1b212c;

  --quote-bg: #171c26;
  --quote-border: rgba(255, 255, 255, 0.09);

  --table-border-line: rgba(255, 255, 255, 0.09);
  --table-header-bg: #171c26;
  --table-alternate-bg: #141820;

  --searchbar-border-color: rgba(255, 255, 255, 0.13);
  --searchbar-bg: #171c26;
  --searchbar-fg: #e8ecf3;
  --searchbar-shadow-color: rgba(36, 119, 219, 0.4);
  --searchresults-header-fg: #98a3b3;
  --searchresults-border-color: rgba(255, 255, 255, 0.09);
  --searchresults-li-bg: #171c26;
  --search-mark-bg: rgba(36, 119, 219, 0.35);
}

/* ===== light — mirrors :root tokens in src/index.css ===== */
.light {
  --bg: #f7f8fa;
  --fg: #1d2530;

  --sidebar-bg: #f1f3f6;
  --sidebar-fg: #2b3442;
  --sidebar-non-existant: #a9b2c0;
  --sidebar-active: #1d6fd1;
  --sidebar-spacer: rgba(0, 0, 0, 0.06);

  --scrollbar: rgba(29, 111, 209, 0.35);

  --icons: #5a6578;
  --icons-hover: #1d2530;

  --links: #1d6fd1;

  --inline-code-color: #175a9c;

  --theme-popup-bg: #ffffff;
  --theme-popup-border: rgba(0, 0, 0, 0.08);
  --theme-hover: #edeff3;

  --quote-bg: #eef2f7;
  --quote-border: rgba(0, 0, 0, 0.08);

  --table-border-line: rgba(0, 0, 0, 0.08);
  --table-header-bg: #e7eaf0;
  --table-alternate-bg: #f1f3f6;

  --searchbar-border-color: rgba(0, 0, 0, 0.12);
  --searchbar-bg: #ffffff;
  --searchbar-fg: #1d2530;
  --searchbar-shadow-color: rgba(29, 111, 209, 0.25);
  --searchresults-header-fg: #5a6578;
  --searchresults-border-color: rgba(0, 0, 0, 0.08);
  --searchresults-li-bg: #eef2f7;
  --search-mark-bg: rgba(29, 111, 209, 0.18);
}