/* ===========================================================
   Design tokens — single source of truth for the whole site.
   Edit values here; everything downstream reads these vars.
   =========================================================== */
:root {
  /* Colour */
  --bg: #050608;
  --bg-2: #080a10;
  --surface: #0a1628;
  --surface-2: #111a2e;
  --accent: #3b82f6;
  --accent-hot: #60a5fa;
  --accent-deep: #1e3a8a;
  --accent-white-hot: #bfdbfe;
  --text: #e5e7eb;
  --text-dim: #9ca3af;
  --silver: #c0c4cc;
  --danger: #f87171;

  /* Typography */
  --font-display: 'Cinzel', serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;

  /* Shadows / glows */
  --shadow-glow: 0 0 24px rgba(59, 130, 246, 0.35);
  --shadow-glow-hot: 0 0 40px rgba(96, 165, 250, 0.6);

  /* Motion */
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-land: cubic-bezier(0.5, -0.2, 0.3, 1.2);

  /* Layout */
  --content-max: 1200px;
  --nav-height: 184px;
}

@media (max-width: 768px) {
  :root {
    --nav-height: 78px;
  }
}