/* A3 design tokens (Paper). Ported from design/ui-overhaul/mockups/a2-tokens.css,
   the locked reference; change it there first, then re-port. Colours, type,
   radii and motion timings for every page on the new base layout. */

/* Cross-document view transition: a short cross-fade between pages instead of
   the white flash while the next page draws. Chrome and Edge only; other
   browsers ignore it. The rail and sheet are the same on every page, so the
   fade reads as the content changing in place. */
@view-transition { navigation: auto; }
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
}

:root {
  /* Direction A3 (Oct 23, 2026): identity from type and hierarchy, not tint.
     Neutral paper, ink, a display sans (Bricolage Grotesque) on titles and big figures only.
     Orange appears in two places: the ring mark and the AI provenance mark.
     Links and selection use a quiet blue-ink so orange means AI and nothing else. */
  --ground: #fafafa; --surface: #ffffff; --well: #f4f4f4; --hover: #efefef; --active: #e8e8e8;
  --border: #ececec; --rule: #f2f2f2; --control: #e0e0e0; --track: #ebebeb;
  --text: #111111; --muted: #6b6b6b; --faint: #767676;
  --primary: #111111; --primary-hover: #2b2b2b; --primary-ink: #ffffff;
  --accent: #35507f; --accent-soft: #eef2f8;
  --positive: #23794f; --negative: #c0362c; --notice: #946200;
  --negative-soft: #fbeceb; --notice-soft: #fdf6e3; --positive-soft: #e6f3ec;
  --st-tracking: #3a3a3a; --st-evaluating: #35507f; --st-bf: #23794f; --st-loi: #17613d; --st-soon: #767676; --st-pass: #a3413a;
  --tile: #111111; --tile-ink: #ffffff;
  --stripe: #f7f7f7; --band: #f0f0f0;
  --brand: #e8571e;
  --font-display: "Bricolage Grotesque", "Geist", system-ui, sans-serif;
}
:root {
  --font: "Geist", "Inter", system-ui, sans-serif;
  --radius-card: 16px; --radius-control: 8px; --radius-chip: 6px;
  --control-h: 32px; --row-h: 52px;
  /* Motion: feedback only, never an entrance. Taste's tokens and timings. */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --ease-exit: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --t-press: 140ms; --t-hover: 180ms; --t-ui: 220ms; --t-dialog: 300ms; --t-leave: 150ms;
  /* Charts (Taste's charts.js reads these): the accent on the main series, ink for a comparison. */
  --chart-1: var(--accent); --chart-2: var(--text); --chart-muted: #9aa0a8; --chart-span: .06;
  --grid: var(--rule); --axis-ink: var(--muted); --ink: var(--text);
}