:root {
  --fondo: #0c1128;
  --texto: #ffffff;
  --texto-suave: #d1d5db;
  --texto-secundario: #9ca3af;
  --neon-azul: #00f0ff;
  --neon-morado: #b026ff;
  --degradado: linear-gradient(90deg, #60a5fa, #a855f7);
  --degradado-suave: linear-gradient(90deg, #bfdbfe, #e9d5ff);

  --vidrio: rgba(255, 255, 255, 0.05);
  --vidrio-borde: rgba(255, 255, 255, 0.1);
  --vidrio-borde-fuerte: rgba(255, 255, 255, 0.2);

  --fuente: 'Outfit Variable', system-ui, sans-serif;
  --fuente-mono: 'IBM Plex Mono', ui-monospace, monospace;

  --paso-0: 1rem;
  --paso-1: 1.25rem;
  --paso-2: 1.6rem;
  --paso-3: 2.2rem;
  --paso-4: clamp(2.2rem, 5vw, 3.6rem);
  --paso-5: clamp(2.8rem, 8vw, 6rem);

  --ritmo: 1.7;
  --medida: 62ch;

  --dur-corta: 180ms;
  --dur-media: 420ms;
  --dur-larga: 800ms;
  --curva: cubic-bezier(0.22, 1, 0.36, 1);
  --curva-galeria: cubic-bezier(0.25, 1, 0.5, 1);
}