:root {
  --color-navy: #0d2b45;
  --color-steel: #176087;
  --color-teal: #1e8f75;
  --color-bg: #ffffff;
  --color-surface: #f7f9fb;
  --color-surface-strong: #eef4f7;
  --color-text: #0d2b45;
  --color-muted: #5a7080;
  --color-border: #dbe7ed;
  --color-success: #1e8f75;
  --color-warning: #f4b740;
  --gradient-brand: linear-gradient(120deg, var(--color-navy) 0%, var(--color-steel) 48%, var(--color-teal) 100%);
  --font-sans: "Inter", system-ui, sans-serif;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --radius: 12px;
  --radius-sm: 8px;
  --shadow-soft: 0 18px 40px rgb(13 43 69 / 0.12);
  --container: 1120px;
}