:root {
  /* Palette */
  --blue-950: #050f1c;
  --blue-900: #0a1929;
  --blue-800: #0d2137;
  --blue-700: #102a47;
  --blue-600: #163761;
  --blue-500: #1d4d8a;
  --blue-400: #2563b8;
  --blue-300: #3b82f6;
  --blue-200: #60a5fa;
  --blue-100: #bfdbfe;
  --blue-50:  #eff6ff;

  --gray-800: #1e293b;
  --gray-600: #475569;
  --gray-400: #94a3b8;
  --gray-200: #e2e8f0;
  --gray-100: #f1f5f9;

  --white: #ffffff;
  --accent: #2B7FFF;
  --accent-hover: #1d6fe0;
  --green:  #4ade80;
  --yellow: #fbbf24;

  /* Typography */
  --font-display: 'Syne', sans-serif;
  --font-body:    'Inter', sans-serif;
  --font-mono:    'Courier New', monospace;

  /* Spacing */
  --section-padding: 5rem 5%;
  --max-width: 1100px;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;

  /* Transitions */
  --transition: 0.2s ease;
}