/* ==========================================================================
   NEXT FRONTIER 2026 - DESIGN TOKENS (V3: Electric Blue Theme & Unbounded Font)
   Identidad extraída del afiche oficial
   ========================================================================== */

:root {
  /* Electric Blue & Cobalt Palette (del afiche) */
  --c-bg-abyss: #041033;
  --c-bg-deep: #06184a;
  --c-bg-cobalt: #0a2d7d;
  --c-bg-electric: #0d46b8;
  
  --c-bg-card: rgba(8, 25, 74, 0.72);
  --c-bg-card-hover: rgba(13, 40, 112, 0.85);
  --c-bg-card-elevated: #0b2568;
  --c-bg-glass: rgba(5, 17, 54, 0.88);

  /* Neon Cyan & Aqua Accents */
  --c-cyan: #00F0FF;
  --c-cyan-deep: #00A3FF;
  --c-cyan-subtle: rgba(0, 240, 255, 0.15);
  --c-cyan-glow: rgba(0, 240, 255, 0.45);
  
  --c-emerald: #10B981;
  --c-emerald-glow: rgba(16, 185, 129, 0.3);

  --c-border: rgba(0, 240, 255, 0.28);
  --c-border-subtle: rgba(0, 163, 255, 0.18);
  --c-border-highlight: rgba(0, 240, 255, 0.7);

  --c-text-primary: #FFFFFF;
  --c-text-secondary: #E0E9FF;
  --c-text-muted: #9BB0DE;
  --c-text-dim: #6B82B8;

  /* Typography: Unbounded (Identidad Fuerte All-Caps) + Plus Jakarta Sans */
  --font-display: 'Unbounded', 'Alfarn', system-ui, -apple-system, sans-serif;
  --font-body: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Scale */
  --text-xs: clamp(0.75rem, 0.7rem + 0.2vw, 0.825rem);
  --text-sm: clamp(0.85rem, 0.8rem + 0.25vw, 0.95rem);
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.1rem);
  --text-lg: clamp(1.15rem, 1.05rem + 0.4vw, 1.3rem);
  --text-xl: clamp(1.35rem, 1.2rem + 0.6vw, 1.6rem);
  --text-2xl: clamp(1.6rem, 1.3rem + 1vw, 2.2rem);
  --text-3xl: clamp(2rem, 1.6rem + 1.8vw, 3rem);
  --text-4xl: clamp(2.8rem, 2.2rem + 2.8vw, 4.2rem);
  --text-hero: clamp(3rem, 2.6rem + 4vw, 5.8rem);

  /* Spacing */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 6rem;

  --container-max: 1240px;
  --container-narrow: 880px;
  --header-height: 80px;

  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-capsule: 9999px;

  --dur-fast: 150ms;
  --dur-normal: 250ms;
  --dur-slow: 400ms;
  --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);

  --shadow-card: 0 16px 40px -4px rgba(2, 8, 30, 0.65);
  --shadow-glow: 0 0 45px -5px var(--c-cyan-glow);
}