:root {
  /* Palette */
  --color-primary: #1B2A4A;
  --color-primary-light: #2D4470;
  --color-secondary: #E8A630;
  --color-secondary-light: #F5C964;
  --color-accent: #C0392B;
  --color-accent-light: #E74C3C;
  --color-success: #27AE60;
  --color-bg: #FAFAF8;
  --color-bg-alt: #F0EDE8;
  --color-surface: #FFFFFF;
  --color-text: #1A1A1A;
  --color-text-light: #3D3D3D;
  --color-text-muted: #6B6B6B;
  --color-border: #D4D0C8;

  /* Typography */
  --font-heading: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
  --font-body: 'Source Sans 3', 'Source Sans Pro', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  --fs-hero: clamp(2.25rem, 4.5vw, 3.5rem);
  --fs-h1: clamp(1.85rem, 3.5vw, 2.75rem);
  --fs-h2: clamp(1.4rem, 2.5vw, 2rem);
  --fs-h3: clamp(1.15rem, 2vw, 1.5rem);
  --fs-h4: 1.15rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;

  /* Spacing */
  --sp-unit: 8px;
  --sp-section: clamp(40px, 6vw, 72px);
  --sp-container-max: 1200px;
  --sp-container-pad: clamp(16px, 4vw, 32px);

  /* Border radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(27, 42, 74, 0.08);
  --shadow-md: 0 4px 12px rgba(27, 42, 74, 0.1);
  --shadow-lg: 0 8px 30px rgba(27, 42, 74, 0.12);

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
}