@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap');

:root {
  /* Fondo Base Oscuro Corporativo */
  --bg-main: #07090E;
  --bg-surface: rgba(12, 17, 26, 0.75);
  --bg-card: rgba(14, 19, 30, 0.65);
  --bg-glass: blur(16px);

  /* Gama Oficial Azul / Cian (5 tonos) */
  --blue-1: #01C3FF;
  --blue-2: #01C4FF;
  --blue-3: #01C2FF;
  --blue-4: #01CBFF;
  --blue-5: #01C6FF;

  /* Gama Oficial Fucsia / Magenta (4 tonos) */
  --fuchsia-1: #FF00B3;
  --fuchsia-2: #FF00B4;
  --fuchsia-3: #FF00B1;
  --fuchsia-4: #FF01B8;

  /* Textos */
  --text-main: #FFFFFF;
  --text-muted: #8A99AD;
  --text-light: #DCE5F2;

  /* Degradados Oficiales */
  --grad-blue: linear-gradient(135deg, var(--blue-3) 0%, var(--blue-1) 25%, var(--blue-2) 50%, var(--blue-5) 75%, var(--blue-4) 100%);
  --grad-fuchsia: linear-gradient(135deg, var(--fuchsia-3) 0%, var(--fuchsia-1) 35%, var(--fuchsia-2) 70%, var(--fuchsia-4) 100%);
  --grad-brand: linear-gradient(135deg, var(--blue-3) 0%, var(--blue-4) 45%, var(--fuchsia-1) 55%, var(--fuchsia-4) 100%);

  /* Resplandores y Efectos Neón */
  --glow-blue: 0 0 20px rgba(1, 195, 255, 0.35);
  --glow-fuchsia: 0 0 20px rgba(255, 0, 179, 0.35);
  --glow-card: 0 20px 30px -10px rgba(0, 0, 0, 0.95), 0 0 15px rgba(1, 195, 255, 0.15);

  /* Tipografías */
  --font-sans: 'Plus Jakarta Sans', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--font-sans);
}

body {
  background-color: var(--bg-main);
  color: var(--text-main);
  min-height: 100vh;
  overflow-x: hidden;
}