/* ── DESIGN TOKENS — DARK THEME ───────────────────────── */
:root {
  --navy: #050d1a;
  --navy-2: #0a1628;
  --navy-3: #0f2040;
  --blue: #1b4f8a;
  --blue-2: #2563b0;
  --blue-glow: #4a9ef0;
  --gold: #f5a623;
  --gold-2: #ffb940;
  --gold-light: #ffd88a;
  --white: #ffffff;
  --off-white: #ebf1fa;
  --muted: #7a90b0;
  --muted-2: #a8bccf;
  --card-border: rgba(27, 79, 138, 0.28);
  --font-sans: "Montserrat", sans-serif;
  --font-ui: "Rockwell", "Georgia", serif;
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-2xl: 20px;
  --r-full: 9999px;
  --t: all 0.25s ease;
  --t-slow: all 0.65s cubic-bezier(0.16, 1, 0.3, 1);
  --max-w: 1280px;
  --s-py: 64px;
  --s-px: 20px;
}
@media (min-width: 640px) {
  :root {
    --s-px: 32px;
  }
}
@media (min-width: 1024px) {
  :root {
    --s-py: 100px;
    --s-px: 60px;
  }
}