/* App-level token overrides — hand-written, loaded immediately AFTER the generated
   tokens.css so these win.
   =============================================================================
   DO NOT fold these into tokens.css: that file is GENERATED from the design
   system (scripts/generate-design-tokens.py) and is overwritten on every
   `just design-tokens`. These overrides live here because the design system
   cannot yet resolve them correctly per colour-mode:
     - the DS `mapped` Light values are still largely unrefined (they fall back to
       Dark), so mapping a light-product token straight onto a mapped role would
       give it a dark value in light mode; and
     - some of these (`--cci-input-bg`, `--cci-hover`, `--cci-select`) have no
       DS token yet (see design-system issue #2 for the additions).
   When the designer refines the DS Light mode and adds the missing role tokens,
   move each of these into scripts/design-tokens.map.json and delete it here, so
   the values come from the single source of truth again.
   ============================================================================= */

:root {
  /* Form-field surface (no DS surface/input mapping wired yet). Light default. */
  --cci-input-bg: #ffffff;
}

/* Dark colour-mode: surface-derived tokens that must not keep their light values.
   Without these, form controls render white, links stay a low-contrast blue, and
   chips / inline-code stay light on the dark surface. */
[data-theme="dark"] {
  --cci-input-bg: #1f1f1f;
  --cci-link: #7aa2ff;
  --cci-chip: #333333;
  --cci-code-bg: #1e1e1e;
  --cci-hover: #333333;
  --cci-select: #1e3a5f;
}