/* Parca — token architecture (Design Baseline §2). Components reference semantic aliases only. */
:root {
  /* Layer 1 — primitives (cool neutral ramp; brand indigo) */
  --color-neutral-0:#ffffff; --color-neutral-50:#f6f7fb; --color-neutral-100:#eef0f6;
  --color-neutral-200:#e2e5ee; --color-neutral-300:#cbd1e0; --color-neutral-400:#9aa3ba;
  --color-neutral-500:#6b7490; --color-neutral-600:#4c5571; --color-neutral-700:#363e57;
  --color-neutral-800:#232a3d; --color-neutral-900:#161c2c; --color-neutral-950:#0c111d;
  --color-brand-50:#eef0ff; --color-brand-100:#e0e3ff; --color-brand-300:#a5b0ff;
  --color-brand-500:#6366f1; --color-brand-600:#4338ca; --color-brand-700:#3730a3; --color-brand-900:#1e1b4b;
  --color-success-50:#ecfdf5; --color-success-600:#059669; --color-success-700:#047857;
  --color-warning-50:#fffbeb; --color-warning-600:#d97706; --color-warning-700:#b45309;
  --color-danger-50:#fef2f2; --color-danger-600:#dc2626; --color-danger-700:#b91c1c;

  /* raw scales */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-6:24px; --space-8:32px; --space-12:48px; --space-16:64px; --space-24:96px;
  --radius-sm:8px; --radius:12px; --radius-lg:16px; --radius-full:999px;
  --fs-12:12px; --fs-14:14px; --fs-16:16px; --fs-20:20px; --fs-24:24px; --fs-30:30px; --fs-36:36px; --fs-48:48px;

  /* Layer 2 — semantic aliases */
  --bg-canvas:var(--color-neutral-50); --bg-surface:var(--color-neutral-0); --bg-raised:var(--color-neutral-0);
  --bg-sunken:var(--color-neutral-100); --bg-overlay:rgba(12,17,29,.5);
  --text-primary:var(--color-neutral-900); --text-secondary:var(--color-neutral-600); --text-muted:var(--color-neutral-500);
  --text-on-brand:var(--color-neutral-0); --text-disabled:var(--color-neutral-400);
  --border-subtle:var(--color-neutral-200); --border-default:var(--color-neutral-300); --border-strong:var(--color-neutral-400);
  --brand:var(--color-brand-600); --brand-hover:var(--color-brand-700); --brand-active:var(--color-brand-900); --brand-subtle:var(--color-brand-50);
  --intent-success:var(--color-success-600); --intent-success-bg:var(--color-success-50); --intent-success-text:var(--color-success-700);
  --intent-warning:var(--color-warning-600); --intent-warning-bg:var(--color-warning-50); --intent-warning-text:var(--color-warning-700);
  --intent-danger:var(--color-danger-600); --intent-danger-bg:var(--color-danger-50); --intent-danger-text:var(--color-danger-700);
  --focus-ring:var(--color-brand-500);

  --font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --shadow-raised:0 1px 2px rgba(12,17,29,.06),0 4px 12px rgba(12,17,29,.08);
  --shadow-pause:0 0 0 1px var(--intent-warning),0 8px 28px rgba(217,119,6,.22);
}