:root {
  --color-primary: #003f78;
  --color-primary-700: #003664;
  --color-primary-600: #004b8d;
  --color-primary-soft: #e7f0f8;
  --color-accent: #f2a900;
  --color-accent-soft: #fff4d6;
  --color-ink: #12263a;
  --color-muted: #587086;
  --color-border: #dce6ef;
  --color-surface: #ffffff;
  --color-surface-soft: #f5f8fb;
  --color-footer: #082b4f;
  --gradient-primary: linear-gradient(135deg, #003f78 0%, #0063a0 100%);
  --gradient-soft: linear-gradient(180deg, #ffffff 0%, #f4f8fc 100%);
  --shadow-sm: 0 8px 24px rgba(11, 43, 79, .08);
  --shadow-md: 0 18px 45px rgba(11, 43, 79, .12);
  --shadow-lg: 0 28px 70px rgba(11, 43, 79, .18);
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-xl: 42px;
  --container: 1180px;
  --space-1: .5rem;
  --space-2: .75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --font-title: "Barlow", "Inter", "Segoe UI", system-ui, sans-serif;
  --font-body: "Barlow", "Inter", "Segoe UI", system-ui, sans-serif;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --header-h: 96px;
}