:root {
  --color-primary: #1B2D4F;
  --color-secondary: #2C5F8A;
  --color-accent: #00B8A9;
  --color-bg: #F7F9FC;
  --color-surface: #FFFFFF;
  --color-text: #0F1B2D;
  --color-muted: #6B7A99;
  --color-success: #00C48C;
  --color-border: #DDE3EE;
  --color-hover: #009E96;

  --font-display: 'DM Sans', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  --shadow-sm: 0 1px 3px rgba(27,45,79,0.08), 0 4px 12px rgba(27,45,79,0.06);
  --shadow-md: 0 4px 16px rgba(27,45,79,0.12);

  --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;

  --container: 1200px;
  --transition: 150ms ease-out;
}