:root {
  /* colors */
  --color-bg: #07131f;
  --color-surface: #0e2a3d;
  --color-surface-alt: #0a1e2e;
  --color-accent: #7ec8e3;
  --color-accent-muted: rgba(126, 200, 227, 0.15);
  --color-cta: #1a7fad;
  --color-cta-hover: #156991;
  --color-text: #edf2f4;
  --color-text-muted: #a0b4be;
  --color-border: rgba(126, 200, 227, 0.15);

  /* typography */
  --font-display: "Montserrat", -apple-system, BlinkMacSystemFont, system-ui,
    sans-serif;
  --font-body: "Montserrat", -apple-system, BlinkMacSystemFont, system-ui,
    sans-serif;

  /* layout */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;

  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;

  --container-width: 1120px;

  /* transitions */
  --transition-base: 220ms ease-out;
  --transition-fast: 150ms ease-out;
}