:root {
  /* ── Fondos (midnight blue, no negro) ── */
  --fondo:         #0d1b2e;
  --fondo-sidebar: #091422;
  --fondo-card:    #14253d;
  --fondo-card-2:  #1a2f4a;
  --fondo-input:   #0f1e32;

  /* ── Acento neón ── */
  --acento:        #00e5ff;
  --acento-hover:  #33ecff;
  --acento-dim:    #00b4d8;
  --acento-glow:   rgba(0, 229, 255, 0.18);
  --acento-glow-2: rgba(0, 229, 255, 0.08);
  --acento-deep:   rgba(0, 229, 255, 0.25);

  /* ── Texto ── */
  --texto:         #e8f4f8;
  --texto-2:       #7ab0c8;
  --texto-3:       #3d6b88;

  /* ── Bordes ── */
  --borde:         rgba(0, 229, 255, 0.15);
  --borde-sutil:   rgba(255, 255, 255, 0.05);
  --borde-card:    rgba(255, 255, 255, 0.07);

  /* ── Semánticos ── */
  --exito:         #00e5a0;
  --exito-bg:      rgba(0, 229, 160, 0.1);
  --exito-borde:   rgba(0, 229, 160, 0.2);
  --peligro:       #ff4d6a;
  --peligro-bg:    rgba(255, 77, 106, 0.1);
  --peligro-borde: rgba(255, 77, 106, 0.2);
  --advertencia:   #ffb800;
  --adv-bg:        rgba(255, 184, 0, 0.1);
  --adv-borde:     rgba(255, 184, 0, 0.2);
  --info-bg:       rgba(0, 229, 255, 0.08);

  /* ── Layout ── */
  --sidebar-w:     240px;
  --radio:         12px;
  --radio-lg:      18px;
  --radio-sm:      8px;
  --radio-pill:    999px;

  /* ── Fuentes ── */
  --fuente:        'Inter', -apple-system, sans-serif;
  --fuente-mono:   'JetBrains Mono', 'Fira Code', monospace;

  /* ── Sombras ── */
  --sombra:        0 8px 32px rgba(0, 0, 0, 0.45);
  --sombra-neon:   0 0 24px rgba(0, 229, 255, 0.25), 0 0 60px rgba(0, 229, 255, 0.1);
  --sombra-card:   0 2px 16px rgba(0, 0, 0, 0.3);

  /* ── Transición ── */
  --trans:         all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --trans-bounce:  all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}