/* Trace — design tokens. The one place the app's colors and type live. LOCKED 2026-11-11 (round 6, decisions.md):
   pure black and white, with ink blue #213A62 only on the send
   button ("like how claude does it"). Neutral greys are structure only (cards, lines, muted text).
   Follows the device's light/dark setting; html[data-theme="light|dark"] forces one. */
:root {
  --trace-black: #000000;
  --trace-white: #FFFFFF;
  --trace-ink:   #213A62;  /* the one accent: the send button */

  --font-head: ui-serif, "New York", Georgia, serif;
  --font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
  --head-weight: 500;

  /* light (default) */
  --bg:        #FFFFFF;
  --surface:   #FFFFFF;  /* ask box, cards (separated by --line) */
  --surface-2: #F2F2F2;  /* your question bubbles, source chips, the drawer */
  --text:      #000000;
  --muted:     #6B6B6B;
  --line:      #E3E3E3;
  --accent:    #213A62;  /* ink blue: the send button */
  --on-accent: #FFFFFF;
  --ok:        #2FA36B;
  --warn:      #D99A26;
  --shadow:    0 2px 14px rgba(0, 0, 0, .06);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg:        #000000;
    --surface:   #121212;
    --surface-2: #1F1F1F;
    --text:      #FFFFFF;
    --muted:     #9A9A9A;
    --line:      #2B2B2B;
    --accent:    #213A62;  /* same ink blue in dark: on pure black it measures 1.8:1, the white arrow on it 11.4:1 */
    --on-accent: #FFFFFF;
    --shadow:    0 2px 14px rgba(0, 0, 0, .5);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg:        #000000;
  --surface:   #121212;
  --surface-2: #1F1F1F;
  --text:      #FFFFFF;
  --muted:     #9A9A9A;
  --line:      #2B2B2B;
  --accent:    #213A62;
  --on-accent: #FFFFFF;
  --shadow:    0 2px 14px rgba(0, 0, 0, .5);
  color-scheme: dark;
}