:root {
  /* Colour palette */
  --phthalo-blue: #000F89;
  --prussian-blue: #003153;
  --phthalo-light: #1a2fd4;
  --prussian-light: #0a5a8a;
  --bg-primary: #0a0a0f;
  --bg-secondary: #0f1118;
  --bg-surface: #161822;
  --text-primary: #e8e8ec;
  --text-secondary: #9498a8;
  --accent-glow: rgba(0, 15, 137, 0.3);
  --border-sketch: #1a2040;

  /* Typography */
  --font-display: 'Caveat', cursive;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 4rem;
  --space-2xl: 8rem;

  /* Layout */
  --max-width: 1200px;
  --nav-height: 4rem;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 300ms ease;
}