/* Curata design tokens. One system, two registers.
   Site register:     chrome, copy, CTAs. Apple-grey neutrals; red is the only brand accent.
   Evidence register: real product output shown on the site (report excerpts, charts).
                      Report palette, light-only like paper, and only inside .evidence.
   Sources: Rata tracker/brand.py (colour + mark), tracker/report_html/report.css (type, radii, motion).
   Contrast figures were measured on 2026-10-08 with ui-design/systems/scripts/contrast.py. */

:root {
  color-scheme: light;

  /* Brand */
  --red: #E0232E;          /* mark, lamp, primary-button fill. 4.72:1 on white */
  --red-pressed: #B3131E;  /* hover/pressed on red. White label 6.93:1 */
  --on-red: #FFFFFF;
  --red-text: #E0232E;     /* red as text: on --surface only (4.33:1 on raised fails) */

  /* Neutrals */
  --surface: #FFFFFF;
  --surface-raised: #F5F5F7;
  --line: #E3E3E6;         /* decorative hairline only, 1.28:1 */
  --line-strong: #86868B;  /* input borders and other UI boundaries: 3.62:1 surface, 3.33:1 raised */
  --ink: #1D1D1F;          /* 16.83:1 */
  --ink-muted: #6E6E73;    /* 5.07:1 on surface, 4.66:1 on raised */
  --idle: #8E8E93;         /* paused mark and graphics only, never text */

  /* Status */
  --good: #0F7A3D; --good-bg: #E7F5EC;  /* 4.82:1 */
  --warn: #9A5B00; --warn-bg: #FDF3DF;  /* 4.93:1 */
  --risk: #C22F2B; --risk-bg: #FDECEB;  /* 4.92:1 */

  /* Type: one family with conviction; mono only for measured data */
  --sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-features: "cv11", "ss01";

  --text-display: clamp(40px, 6vw, 72px);  /* hero only */
  --text-h1: clamp(36px, 5vw, 58px);       /* report h1 */
  --text-h2: clamp(28px, 3.4vw, 38px);     /* report section h2 */
  --text-h3: 20px;
  --text-lede: 19px;
  --text-body: 16px;
  --text-small: 14px;
  --text-caption: 12.5px;
  --text-data: 12.5px;                      /* mono figures inside evidence */

  /* Leading and tracking are size-specific (Apple, Details of UI Typography):
     tight and negative as type grows, looser and slightly positive as it shrinks. */
  --leading-display: 1.05;
  --leading-heading: 1.12;
  --leading-body: 1.5;
  --tracking-display: -0.03em;
  --tracking-heading: -0.022em;
  --tracking-tight: -0.012em;
  --tracking-small: 0.006em;

  --measure-body: 65ch;
  --measure-display: 18ch;

  /* Space: tight inside groups, large jumps at section seams */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 72px; --s-9: 112px; --s-10: 160px;
  --gutter: 24px;          /* 16px under 480px, see base.css */
  --page-max: 1200px;

  /* Shape + depth + motion */
  --r-xs: 4px;             /* tags, bars */
  --r-sm: 6px; --r-md: 8px; --r-lg: 12px; --r-xl: 14px; --r-pill: 999px;
  --shadow: 0 1px 2px rgba(18, 34, 64, .06), 0 12px 32px rgba(24, 54, 101, .06);  /* evidence frames only */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --ease-out: cubic-bezier(.23, 1, .32, 1);  /* critically damped feel, no overshoot */
  --dur-press: 100ms;      /* feedback on pointer-down */
  --dur-fast: 120ms;
  --dur-base: 240ms;
  --dur-lamp: 2.4s;        /* the record-lamp pulse, the page's one ambient motion */

  /* Evidence register (report palette). Light-only by design: it is a document. */
  --ev-paper: #FFFFFF; --ev-paper-2: #F6F8FC; --ev-paper-3: #EEF2F9;
  --ev-line: #E1E5ED; --ev-line-2: #CDD5E2;
  --ev-ink: #101A30;       /* 17.32:1 */
  --ev-ink-2: #34405A;     /* 10.36:1 */
  --ev-muted: #627087;     /* 5.02:1 on paper, 4.72:1 on paper-2 */
  --ev-faint: #929CB0;     /* 2.76:1, graphics only, never text */
  --ev-accent: #1E4FD7;    /* 6.66:1 */
  --ev-accent-2: #163BA8; --ev-tint: #EDF2FF; --ev-tint-2: #DBE5FF;  /* 8.42:1 */
  --ev-seq-1: #E3EBFC; --ev-seq-2: #C4D5F8; --ev-seq-3: #94B2F0;
  --ev-seq-4: #5C87E3; --ev-seq-5: #2F62D6; --ev-seq-6: #1A43B2;
  --ev-cat-a: #2A78D6; --ev-cat-b: #EB6834; --ev-cat-c: #1BAF7A;
  --ev-cat-d: #EDA100; --ev-cat-e: #E87BA4; --ev-cat-other: #D3D9E4;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --red-text: #FF5147;   /* 5.28:1 on #1C1C1E, 4.33:1 on raised fails: surface only */
    --surface: #1C1C1E;
    --surface-raised: #2C2C2E;
    --line: #38383A;
    --line-strong: #8E8E93;  /* 5.22:1 surface, 4.27:1 raised */
    --ink: #F5F5F7;        /* 15.63:1 */
    --ink-muted: #98989D;  /* 5.93:1 on surface, 4.85:1 on raised */
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --red-text: #FF5147;
  --surface: #1C1C1E;
  --surface-raised: #2C2C2E;
  --line: #38383A;
  --line-strong: #8E8E93;
  --ink: #F5F5F7;
  --ink-muted: #98989D;
}