:root {
  --bg: #07101e;
  --surface: #0d1a2e;
  --surface-2: #122039;
  --border: rgba(255, 255, 255, 0.07);
  --teal: #1de9b6;
  --error: #b42318;
  --text-1: #e8f0fe;
  --text-2: #8aa7cc;
  --text-3: #4d6e96;
  --font-body: "Mulish", sans-serif;

  /* Spacing scale (8 px base) */
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 2.75rem;
  --space-3xl: 3rem;

  /* Sizing */
  --radius-md: 0.5rem;
  --active-nav-underline-thickness: calc(var(--space-xs) / 3);
  --active-nav-underline-offset: calc(var(--space-xs) * 0.7);
  /* 2.75rem = 44px minimum tap target for WCAG 2.1 AA interactive controls */
  --tap-target-min: var(--space-2xl);
  --width-content: 72rem;
}