/* =============================================
   JEYCODE SOLUTIONS — themes.css
   Color variables for Dark and Light Themes
   ============================================= */

/* Tema Oscuro (Por defecto) */
:root {
  --bg:           #050505; /* Negro profundo neutral */
  --bg-2:         #0c0c0c; /* Carbón oscuro neutral para alternar secciones */
  --bg-card:      rgba(20, 20, 20, 0.5); /* Tarjetas traslúcidas neutrales */
  --bg-card-hover:rgba(30, 30, 30, 0.7); /* Hover neutral */
  --green:        #4ade80; /* El verde original del logo */
  --green-2:      #10b981; /* Verde esmeralda para degradados y acentos secundarios */
  --green-dim:    rgba(74, 222, 128, 0.08);
  --teal:         #10b981; /* Cambiado de cian a verde esmeralda para evitar tono azul */
  --teal-dim:     rgba(16, 185, 129, 0.08);
  --text:         #f1f5f9;
  --text-2:       #cbd5e1;
  --text-muted:   #8a99ad; /* Ajustado para mejor legibilidad sobre negro */
  --border:       rgba(255, 255, 255, 0.08); /* Borde neutral sutil */
  --border-green: rgba(74, 222, 128, 0.2);
  --shadow-color: rgba(0, 0, 0, 0.7);
  --grid-color:   rgba(74, 222, 128, 0.018); /* Cuadrícula verde sutil */
  --terminal-bg:  #080808;
  --input-bg:     #050505;
  --bg-nav:       rgba(5, 5, 5, 0.85);
}

/* Tema Claro */
body.light-theme {
  --bg:           #f8fafc;
  --bg-2:         #f1f5f9;
  --bg-card:      rgba(255, 255, 255, 0.7);
  --bg-card-hover:rgba(255, 255, 255, 0.95);
  --green:        #16a34a; /* Verde legible y vibrante en fondo claro */
  --green-2:      #15803d;
  --green-dim:    rgba(22, 163, 74, 0.05);
  --teal:         #15803d; /* Cambiado a verde en tema claro */
  --teal-dim:     rgba(22, 163, 74, 0.05);
  --text:         #0f172a; /* Slate 900 */
  --text-2:       #334155; /* Slate 700 */
  --text-muted:   #64748b; /* Slate 500 */
  --border:       rgba(22, 163, 74, 0.15); /* Borde verde sutil */
  --border-green: rgba(22, 163, 74, 0.2);
  --shadow-color: rgba(148, 163, 184, 0.12);
  --grid-color:   rgba(22, 163, 74, 0.018);
  --terminal-bg:  #1e293b;
  --input-bg:     rgba(241, 245, 249, 0.85);
  --bg-nav:       rgba(248, 250, 252, 0.85);
}