/* Cemprende IA — tokens de dirección visual compartidos con crm.cemprende.com.ar
   (ver crm-theme.css). Los nombres de color están mapeados en el tailwind.config
   inline de index.php, así que ninguna clase bg-/text- necesita cambiar entre
   temas: solo cambia el valor de la variable. "coal" NO cambia con el tema a
   propósito (texto sobre naranja necesita quedar oscuro en los dos temas). */
:root {
  --c-ink: #0B0B0D;
  --c-panel: #18181C;
  --c-panelraised: #1F2024;
  --c-line: #2A2A30;
  --c-ash: #9A9AA2;
  --c-off: #EDEDEF;
  --c-coal: #0B0B0D;
  color-scheme: dark;
}

:root[data-theme="light"] {
  --c-ink: #F5F3EF;
  --c-panel: #FDFCFA;
  --c-panelraised: #F0EEE8;
  --c-line: #E7E4DC;
  --c-ash: #767268;
  --c-off: #33312C;
  color-scheme: light;
}

@media (prefers-reduced-motion: reduce) {
  * { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}

/* Toggle de tema en el header */
.theme-toggle .icon-sun { display: none; }
.theme-toggle .icon-moon { display: inline; }
:root[data-theme="light"] .theme-toggle .icon-sun { display: inline; }
:root[data-theme="light"] .theme-toggle .icon-moon { display: none; }