/* Design tokens — Sin Filtro */
:root {
  /* Colores */
  --bg: #000000;
  --text: #FFFFFF;
  --pink: #FF1D6A;
  --cyan: #00F0C0;
  --yellow: #FFE920;
  --surface: #111111;
  --surface-2: #1A1A1A;
  --muted: #666666;
  --border: #222222;

  /* Tipografías */
  --font-title: 'Anton', sans-serif;
  --font-sub: 'Bebas Neue', sans-serif;
  --font-body: 'Montserrat', sans-serif;

  /* Espaciado */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 4rem;
  --space-2xl: 8rem;

  /* Bordes */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  /* Sombras neón */
  --glow-pink: 0 0 20px rgba(255, 29, 106, 0.4);
  --glow-cyan: 0 0 20px rgba(0, 240, 192, 0.4);
  --glow-yellow: 0 0 20px rgba(255, 233, 32, 0.4);

  /* Transiciones */
  --transition: 0.2s ease;
  --transition-slow: 0.4s ease;

  /* Nav height */
  --nav-h: 64px;
  --nav-h-large: 128px;

  /* Max widths */
  --max-w: 1200px;
  --max-w-text: 720px;
}