/* Secori visual system — tokens. Dark-native. See frontend/design/DESIGN-SYSTEM.md */
:root {
  color-scheme: dark;

  --bg-0: #050506;
  --bg-1: #0b0b0d;
  --bg-2: #111114;
  --bg-3: #17171b;
  --line: #1d1d22;
  --line-2: #2a2a31;

  --ink-0: #f3f3f0;
  --ink-1: #a9a9a4;
  --ink-2: #6d6d6a;
  --ink-3: #3f3f3e;

  --red: #ff2d2d;
  --red-2: #b51b1b;
  --red-glow: rgba(255, 45, 45, 0.28);
  --red-dim: rgba(255, 45, 45, 0.12);

  --ok: #3ec46d;
  --warn: #e5a523;
  --info: #52c7df;


  --font-display: "Archivo", "Inter Tight", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Geist", "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Geist Mono", "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;
  --font-serif: "Instrument Serif", "Times New Roman", serif;

  --fs-11: 11px; --fs-12: 12px; --fs-13: 13px; --fs-15: 15px; --fs-18: 18px;
  --fs-24: 24px; --fs-32: 32px; --fs-48: 48px; --fs-72: 72px; --fs-112: 112px;

  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px;
  --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; --sp-12: 48px; --sp-16: 64px; --sp-24: 96px;

  --header-h: 40px;
  --footer-h: 26px;
  --rail-w: 220px;
  --frame-inset: 8px;

  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --dur-1: 120ms;
  --dur-2: 220ms;
  --dur-3: 480ms;

  --tracking-tight: -0.03em;
  --tracking-label: 0.14em;
}