:root {
  --navy: #0E1E33;
  --navy-2: #132947;
  --orange: #F26A00;
  --orange-2: #ff8a2b;
  --cream: #FFF4E1;
  --paper: #FFF9EF;
  --card: #FFFCF7;
  --line: #E8D7B6;
  --ink: #1A1A1A;
  --muted: #5E5A52;
  --ok: #0f8a4b;
  --bad: #b91c1c;
  --warn: #c2410c;
  --blue: #0b5cad;

  --radius-sm: 10px;
  --radius: 18px;
  --radius-lg: 24px;

  --shadow-sm: 0 2px 6px rgba(14,30,51,.08);
  --shadow: 0 8px 20px rgba(14,30,51,.12);
  --shadow-lg: 0 18px 40px rgba(14,30,51,.18);

  --ease: cubic-bezier(.2,.7,.2,1);
  --dur-1: 160ms;
  --dur-2: 240ms;
  --dur-3: 360ms;

  --grad-warm: linear-gradient(180deg, var(--cream) 0%, var(--paper) 60%, #ffffff 100%);
  --grad-navy: linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%);
  --grad-orange: linear-gradient(135deg, var(--orange) 0%, var(--orange-2) 100%);
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-1: 0ms; --dur-2: 0ms; --dur-3: 0ms; }
}