/* 由 build_tokens.py 從 kairo/tokens.yaml 產生，不要手改。tokens 版本 0.3.1 */
:root {
  color-scheme: dark;
  --bg: #000000;
  --fg: #F2EEE6;
  --secondary: #B9B4A8;
  --label: #A09C92;
  --accent: #E0A030;
  --ring: rgba(242, 238, 230, 0.40);
  --faint: rgba(242, 238, 230, 0.25);
  --track: rgba(242, 238, 230, 0.20);
  --accent-night: #6FA8FF;
  --sp-4: 4px;
  --sp-8: 8px;
  --sp-12: 12px;
  --sp-16: 16px;
  --sp-24: 24px;
  --sp-32: 32px;
  --radius-8: 8px;
  --radius-16: 16px;
  --radius-pill: 999px;
  --font: "Noto Sans TC", "PingFang TC", system-ui, sans-serif;
}

/* 夜晚：只換強調色（只在暗色；淺底上夜晚強調色對比不足）。在根元素加 data-time="night" */
:root[data-time="night"] {
  --accent: var(--accent-night);
}

/* 跟系統：淺色。使用者手動選了 dark 就不套 */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --bg: #F2EEE6;
    --fg: #1D1B17;
    --secondary: #3D3B36;
    --label: #4C4945;
    --accent: #664408;
    --ring: rgba(29, 27, 23, 0.40);
    --faint: rgba(29, 27, 23, 0.25);
    --track: rgba(29, 27, 23, 0.20);
  }
}

/* 手動切換 */
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #F2EEE6;
  --fg: #1D1B17;
  --secondary: #3D3B36;
  --label: #4C4945;
  --accent: #664408;
  --ring: rgba(29, 27, 23, 0.40);
  --faint: rgba(29, 27, 23, 0.25);
  --track: rgba(29, 27, 23, 0.20);
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #000000;
  --fg: #F2EEE6;
  --secondary: #B9B4A8;
  --label: #A09C92;
  --accent: #E0A030;
  --ring: rgba(242, 238, 230, 0.40);
  --faint: rgba(242, 238, 230, 0.25);
  --track: rgba(242, 238, 230, 0.20);
}
:root[data-theme="dark"][data-time="night"] {
  --accent: var(--accent-night);
}