/* TensorTest design tokens: "Other Half" (refined). Source of truth: build/website/research/RESEARCH.md §6–7.
 * Hex first, then oklch() for browsers that support it. Colour is flat: no gradients, glows, shadows or blur.
 * Every hue means one thing: cobalt = Private eval + the one CTA, jade = RL environments, lemon = Training & eval data,
 * signal = playhead / verifier / fail marks (never a block, button or background). TB colours only inside TimelineBench figures. */
:root {
  --paper: #fbfaf6;        --paper: oklch(98.5% 0.005 95);
  --surface: #f2f0e9;      --surface: oklch(95.5% 0.010 94);
  --line: #dbd9d0;         --line: oklch(88.4% 0.012 96);
  --line-strong: #939189;  --line-strong: oklch(65.6% 0.012 95);
  --ink: #0f131f;          --ink: oklch(18.9% 0.025 270);
  --muted: #535864;        --muted: oklch(46% 0.021 268);

  --cobalt: #2459e2;       --cobalt: oklch(51.9% 0.216 264);
  --cobalt-hover: #1648d1; --cobalt-hover: oklch(46.9% 0.216 264);
  --cobalt-ink: #1f53db;   --cobalt-ink: oklch(50.1% 0.215 264);
  --cobalt-tint: #e9f0ff;  --cobalt-tint: oklch(95.4% 0.022 266);
  --jade: #00bb7b;         --jade: oklch(69.9% 0.158 160);
  --jade-ink: #00764c;     --jade-ink: oklch(49.9% 0.113 160);
  --jade-tint: #d7fae6;    --jade-tint: oklch(95.5% 0.045 160);
  --lemon: #f3e526;        --lemon: oklch(90.5% 0.185 105);
  --lemon-ink: #6d6600;    --lemon-ink: oklch(50.1% 0.106 105);
  --lemon-tint: #faf7bd;   --lemon-tint: oklch(96.5% 0.074 105);
  --signal: #e5484d;       --signal: oklch(62.6% 0.193 23);
  --signal-ink: #d43740;   --signal-ink: oklch(57.9% 0.193 23);
  --on-cobalt: #ffffff;
  --on-cobalt-muted: #dbe4ff;

  /* Dark band + footer (the page is light-only at launch). */
  --night: #0c0e14;        --night: oklch(16.5% 0.013 271);
  --night-surface: #14171e;--night-surface: oklch(20.5% 0.015 267);
  --night-line: #2a2e36;   --night-line: oklch(30.1% 0.016 264);
  --night-line-strong: #5b5f65;
  --night-text: #f5f3ee;   --night-text: oklch(96.4% 0.007 89);
  --night-muted: #a7abb3;  --night-muted: oklch(74% 0.012 264);
  --night-cobalt: #5b8df9; --night-jade: #2fcf8d; --night-lemon: #f3e526; --night-signal: #ff6369;

  /* TimelineBench data colours, imported unchanged (timelinebench/website/src/lib/palette.ts). Data only. */
  --tb-editstock: #8b5cf6;   --tb-editstock-ink: #6d28d9;   --tb-editstock-tint: #d9d1ff;
  --tb-cinestudy: #d97706;   --tb-cinestudy-ink: #b45309;   --tb-cinestudy-tint: #f7d7c0;
  --tb-ugc: #ec4899;         --tb-ugc-ink: #be185d;         --tb-ugc-tint: #ffcce0;
  --tb-commercial: #0891b2;  --tb-commercial-ink: #0e7490;  --tb-commercial-tint: #c2dee8;
  --tb-failed: #e4e4e7;      --tb-failed-line: #a1a1aa;
  --tb-label: #09090b;
  /* Dark-mode TB equivalents, for figures on the dark band. */
  --tb-editstock-d: #a78bfa; --tb-editstock-tint-d: #6d28d9;
  --tb-cinestudy-d: #f59e0b; --tb-cinestudy-tint-d: #b45309;
  --tb-ugc-d: #f472b6;       --tb-ugc-tint-d: #be185d;
  --tb-commercial-d: #22d3ee;--tb-commercial-tint-d: #0e7490;
  --tb-failed-d: #3f3f46;    --tb-failed-line-d: #71717a;

  /* Type (RESEARCH §7). Families are declared in site.css via @font-face (self-hosted). */
  --font-display: "Bricolage Grotesque", "BG Fallback", ui-sans-serif, system-ui, sans-serif;
  --font-sans: "Geist", "Geist Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", "Geist Mono Fallback", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Motion (RESEARCH §8): UI chrome only; data moves in 24 fps hard steps. */
  --ease-ui: cubic-bezier(.25,.46,.45,.94);
  --dur-ui-fast: 160ms;
  --dur-ui: 400ms;
  --fps: 24;

  /* Layout. Radius is 0 everywhere; hairlines are 1px. */
  --radius: 0;
  --hair: 1px;
  --maxw: 1240px;
  --gutter: clamp(20px, 4vw, 40px);
}