/* TEMA CLARO — misma familia de grises (slate) que el oscuro, invertida,
   y los mismos colores de acento (verde/azul/rojo/amarillo) para que el
   semáforo de stock y los botones se reconozcan igual en ambos temas. */

:root[data-theme="claro"] {
  --bg: #e6eaee;
  --card: #ffffff;
  --card-border: #e2e8f0;
  --text: #0f172a;
  --subtext: #64748b;
  --accent-green: #22c55e;
  --accent-green-activo: #16a34a;
  --accent-blue: #2461c2;
  --accent-red: #ef4444;
  --accent-yellow: #eab308;
  --accent-orange: #f97316;
  --accent-blue-activo: #2563eb;
  --accent-red-activo: #dc2626;
  --accent-yellow-texto: #a16207;
  --input-bg: #f1f5f9;
  --hover-overlay: rgba(15, 23, 42, 0.06);
}