/* Fabusion design tokens — adopted per docs/decisions/0002-brand-system.md.
   Spec: docs/business/brand.md. Dark graphite is the default mode; light
   activates via prefers-color-scheme or a manual data-mode attribute. */

:root {
  /* mode: dark graphite (default, brand-forward) */
  --bg: #1B1D20;
  --surface: #212428;
  --text-hi: #E8EAEC;
  --text: #C9CDD2;
  --text-mut: #9BA1A8;
  --text-faint: #6E747B;
  --hairline: #33373C;
  --hairline-strong: #4A4F55;

  /* the plate — mode-invariant; the only chromatic color in the system */
  --plate-field: #161C28;
  --plate-frame: #2A3446;
  --plate-grid: #263349;
  --plate-line: #A9C4F0;
  --plate-dim: #7E9BD6;
  --plate-caption: #5E6E8C;

  /* type — Jost 300/400 (500 only ≤12px, never 600+); mono in contained zones only */
  --font-display: 'Jost', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace;

  /* letter-spacing is the luxury */
  --track-wordmark: .42em;
  --track-micro: .26em;
  --track-nav: .16em;
  --track-button: .2em;

  /* geometry — square corners everywhere */
  --radius: 0;
}

@media (prefers-color-scheme: light) {
  :root:not([data-mode="dark"]) {
    --bg: #F4F4F2;
    --surface: #FBFBFA;
    --text-hi: #1B1D20;
    --text: #5A6066;
    --text-mut: #8B9096;
    --text-faint: #9CA1A6;
    --hairline: #D9DBD9;
    --hairline-strong: #B9BDBF;
  }
}

:root[data-mode="light"] {
  --bg: #F4F4F2;
  --surface: #FBFBFA;
  --text-hi: #1B1D20;
  --text: #5A6066;
  --text-mut: #8B9096;
  --text-faint: #9CA1A6;
  --hairline: #D9DBD9;
  --hairline-strong: #B9BDBF;
}