:root {
  --bg-deep: #050912;
  --bg-base: #0a1229;
  --surface: #111a3a;
  --surface-2: #16224a;
  --surface-glass: rgba(17, 26, 58, 0.55);
  --border: rgba(120, 160, 220, 0.12);
  --border-strong: rgba(120, 160, 220, 0.28);

  --accent: #ff5e14;
  --accent-hot: #ff7a3d;
  --accent-soft: rgba(255, 94, 20, 0.18);
  --glow: #00d4ff;
  --glow-soft: rgba(0, 212, 255, 0.35);
  --glow-faint: rgba(0, 212, 255, 0.08);

  --text-primary: #eaf0ff;
  --text-muted: #8a9bbd;
  --text-faint: #4a5878;

  --gradient-hero: radial-gradient(ellipse at 50% 0%, #122050 0%, #050912 70%);
  --gradient-accent: linear-gradient(135deg, #ff5e14 0%, #ff8b3d 100%);
  --gradient-glow: linear-gradient(135deg, #00d4ff 0%, #4d8eff 100%);
  --gradient-band: linear-gradient(135deg, #ff5e14 0%, #ff7a3d 50%, #ff5e14 100%);

  --font-display: "Space Grotesk", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;

  --container: 1200px;
  --container-narrow: 880px;

  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 12px 32px rgba(0, 0, 0, 0.35);
  --shadow-glow: 0 0 0 1px var(--border-strong), 0 8px 32px var(--glow-faint);
  --shadow-accent: 0 0 32px rgba(255, 94, 20, 0.25);

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  --nav-h: 72px;
}