/* Folios Design System V2 — canonical tokens */
:root {
  --folios-ink: #102526;
  --folios-paper: #f2f0e9;
  --folios-violet: #5772c7;
  --folios-lime: #c6f43d;
  --folios-line: #bac0b7;
  --folios-positive: #49b994;
  --folios-warning: #d99a42;
  --folios-danger: #c95a4d;
  --folios-bg: var(--folios-paper);
  --folios-fg: var(--folios-ink);
  --folios-surface: #faf9f5;
  --folios-muted: #607071;
  --folios-border: var(--folios-line);
  --folios-accent: var(--folios-violet);
  --folios-signal: var(--folios-lime);
  --folios-font-body: "Hanken Grotesk", Arial, sans-serif;
  --folios-font-display: "Cormorant Garamond", Georgia, serif;
  --folios-space-1: .25rem;
  --folios-space-2: .5rem;
  --folios-space-3: .75rem;
  --folios-space-4: 1rem;
  --folios-space-6: 1.5rem;
  --folios-space-8: 2rem;
  --folios-space-12: 3rem;
  --folios-space-16: 4rem;
  --folios-radius-sm: .25rem;
  --folios-radius-md: .375rem;
  --folios-radius-lg: .75rem;
  --folios-rule: 1px solid var(--folios-border);
  --folios-duration-fast: 160ms;
  --folios-duration-base: 320ms;
  --folios-duration-story: 900ms;
  --folios-ease: cubic-bezier(.22,1,.36,1);
}

[data-folios-theme="dark"], .dark {
  --folios-bg: #102526;
  --folios-fg: #f2f0e9;
  --folios-surface: #173031;
  --folios-muted: #a7b2ad;
  --folios-border: #405253;
  --folios-accent: #7891df;
  --folios-signal: #c6f43d;
  --folios-evidence-surface: #173031;
  --folios-evidence-paper: #f2f0e9;
  --folios-state-clear: #c6f43d;
  --folios-state-review: #d99a42;
  --folios-state-blocked: #c95a4d;
  --folios-score-low: #49b994;
  --folios-score-medium: #d99a42;
  --folios-score-high: #c95a4d;
  --folios-focus-ring: 0 0 0 3px color-mix(in srgb, var(--folios-accent) 35%, transparent);
}