/* 
 * Variables CSS para el tema Neon del Diccionario Digital de Lengua de Señas (DDLS)
 * 
 * Breakpoints:
 * - Mobile: 320px - 480px
 * - Tablet: 768px
 * - Desktop: 1024px
 * - Wide: 1440px
 */

:root {
  /* Colores de Fondo */
  --bg-primary: #1C0B36;
  --bg-card: rgba(35, 18, 65, 0.85);
  --bg-card-solid: #231241;

  /* Colores Neón */
  --neon-cyan: #00F0FF;
  --neon-magenta: #B400FF;

  /* Colores de Texto */
  --text-primary: #FFFFFF;
  --text-secondary: #C8D2E6;

  /* Efectos de Resplandor (Glow) */
  --glow-cyan: 0 0 12px rgba(0, 240, 255, 0.8);
  --glow-magenta: 0 0 12px rgba(180, 0, 255, 0.8);
  --glow-cyan-strong: 0 0 20px rgba(0, 240, 255, 0.9), 0 0 40px rgba(0, 240, 255, 0.4);

  /* Tipografía */
  --font-primary: 'Inter', 'Segoe UI', sans-serif;

  /* Transiciones */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;

  /* Bordes */
  --border-radius: 12px;
  --border-radius-sm: 8px;
}