:root {
  --color-bg:         #0a1628;
  --color-surface:    #101f38;
  --color-border:     #1c2d4a;
  --color-text:       #eef2f7;
  --color-text-dim:   #9fb0c7;
  --color-accent:     #2e8cff;
  --color-accent-dim: #1a5cb8;

  --font-display: 'Space Grotesk', sans-serif;
  --font-body:    'Inter', sans-serif;

  --text-base: clamp(1rem, 0.94rem + 0.3vw, 1.125rem);
  --text-hero: clamp(2.5rem, 1.5rem + 5vw, 5.5rem);

  --space-section: clamp(4rem, 3rem + 5vw, 8rem);
  --radius: 2px;
  --duration-fast: 150ms;
  --duration-normal: 300ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
}