/* ─── Design Tokens ──────────────────────────────────────── */
:root {
  /* Color palette */
  --blue-900: #0A3F72;
  --blue-800: #0A5FA8;
  --blue-700: #1470BA;
  --blue-600: #1A7FD4;
  --blue-400: #4BA3E3;
  --blue-100: #E8F4FD;
  --blue-50:  #F0F8FF;

  --orange:        #FF6B35;
  --orange-dark:   #E55A27;
  --orange-light:  #FFF0EA;

  --green:  #22c55e;
  --red:    #EF4444;

  /* Text */
  --text:       #1A1A2E;
  --text-muted: #5A6A7E;
  --text-light: #8A96A8;

  /* Backgrounds */
  --bg:      #FFFFFF;
  --bg-alt:  #F5F9FE;
  --bg-dark: #0A3F72;

  /* Borders */
  --border:      #E2EAF4;
  --border-dark: #C5D3E8;

  /* Radii */
  --radius-sm: 8px;
  --radius:    12px;
  --radius-lg: 20px;
  --radius-xl: 32px;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(10,63,114,.08);
  --shadow:    0 4px 24px rgba(10,63,114,.12);
  --shadow-lg: 0 8px 40px rgba(10,63,114,.18);
  --shadow-xl: 0 16px 64px rgba(10,63,114,.22);

  /* Motion */
  --ease:       cubic-bezier(.4,0,.2,1);
  --duration:   220ms;
  --transition: var(--duration) var(--ease);

  /* Layout */
  --container: 1200px;
  --gap:       clamp(1.5rem, 4vw, 3rem);
}