/* Design tokens shared by every page (home, /start): warm light palette, dark via OS or data-theme. */
:root {
  --bg: #faf9f7;
  --surface: #ffffff;
  --sidebar-bg: #f3f1ed;
  --text: #1f1d1a;
  --muted: #6f6a62;
  --border: #e4e0d9;
  --hover: rgba(0, 0, 0, 0.05);
  --accent: #d9622b;
  --accent-contrast: #ffffff;
  --ai: #6a45d6;
  --hl: #ff8c1a;
  --spec: #6a45d6;
  --ir: #b8860b;
  --ok: #2e8b57;
  --warn: #b7791f;
  --bad: #c0392b;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 8px 30px rgba(40, 30, 20, 0.07);
  --radius: 22px;
  --sidebar-w: 280px;
}

:root[data-theme="dark"] {
  --bg: #1b1a18;
  --surface: #262522;
  --sidebar-bg: #151413;
  --text: #f1eee8;
  --muted: #a39d93;
  --border: #36342f;
  --hover: rgba(255, 255, 255, 0.07);
  --accent: #e8794a;
  --accent-contrast: #1b1a18;
  --ai: #a78bfa;
  --spec: #a78bfa;
  --ir: #e5b04a;
  --ok: #55c58a;
  --warn: #e0a84a;
  --bad: #ef7a6b;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 30px rgba(0, 0, 0, 0.35);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #1b1a18;
    --surface: #262522;
    --sidebar-bg: #151413;
    --text: #f1eee8;
    --muted: #a39d93;
    --border: #36342f;
    --hover: rgba(255, 255, 255, 0.07);
    --accent: #e8794a;
    --accent-contrast: #1b1a18;
    --ai: #a78bfa;
    --spec: #a78bfa;
    --ir: #e5b04a;
    --ok: #55c58a;
    --warn: #e0a84a;
    --bad: #ef7a6b;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 30px rgba(0, 0, 0, 0.35);
  }
}