/* ─────────────────────────────────────────────────────────────────
   Radar V43 — Design tokens
   Canonical source: /docs/design-system.md
   This file is NOT yet imported into any page. Phase 2 wires it
   globally. Modifications to these tokens require updating the
   design system doc first.
   ───────────────────────────────────────────────────────────────── */

:root {
  /* ── Color ─────────────────────────────────────────────────── */
  --bg: #FAFAF7;
  --text-primary: #0D1B2A;
  --accent-primary: #0D1B2A;
  --accent-secondary: #C9A84C;
  --text-muted: rgba(13, 27, 42, 0.6);
  --border-default: rgba(13, 27, 42, 0.12);
  --border-hover: rgba(13, 27, 42, 0.28);

  /* ── System states ─────────────────────────────────────────── */
  /* Form validation + confirmation only. Never decorative. */
  --state-error: #C8553D;
  --state-success: #4A7C59;

  /* ── Spacing (4px base unit) ───────────────────────────────── */
  --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;
  --space-32: 128px;
  --space-48: 192px;

  /* ── Duration ──────────────────────────────────────────────── */
  --duration-instant: 100ms;
  --duration-fast: 200ms;
  --duration-base: 400ms;
  --duration-slow: 800ms;
  --duration-cinematic: 1200ms;
  --duration-ambient: 8000ms;

  /* ── Easing ────────────────────────────────────────────────── */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}