/* Identidad VOLTAJE — tomada de voltaje.com.ar (tokens globales de su sitio):
   primario #1A1A1A, acento #FF2D33, texto #4A4A4A, fondo #F6F6F6, gris #C6C4C5, Poppins.
   Traducida a una herramienta interna: mucha información, lectura rápida.

   El rojo de marca es identidad y acción primaria. Las alertas usan --crit, un rojo más
   oscuro, para que "botón importante" y "producto en quiebre" no se confundan. */

:root {
  --brand: #FF2D33;
  --brand-hover: #E0141A;
  --brand-soft: #FFE8E9;
  --ink: #1A1A1A;            /* header y barra de pestañas */
  --ink-2: #2A2A2A;

  --bg: #F6F6F6;
  --surface: #FFFFFF;
  --surface-2: #FAFAFA;
  --border: #E2E1E1;
  --border-strong: #C6C4C5;
  --text: #1A1A1A;
  --text-2: #4A4A4A;
  --text-muted: #767676;

  /* Semáforo de reposición: siempre acompañado de texto */
  --crit: #B42318;   --crit-bg: #FEE4E2;
  --warn: #B54708;   --warn-bg: #FEF0C7;
  --info: #175CD3;   --info-bg: #D1E9FF;
  --ok: #067647;     --ok-bg: #DCFAE6;
  --over: #0E7490;   --over-bg: #CFF9FE;
  --none: #667085;   --none-bg: #EAECF0;

  --font: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-num: "Poppins", system-ui, sans-serif;
  --radius: 8px;
  --radius-sm: 5px;
  --shadow: 0 1px 2px rgba(16, 24, 40, .06);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand-soft: #3A1517;
    --ink: #0E0E0E;
    --ink-2: #1C1C1C;
    --bg: #141414;
    --surface: #1E1E1E;
    --surface-2: #232323;
    --border: #333333;
    --border-strong: #4A4A4A;
    --text: #F2F2F2;
    --text-2: #C9C9C9;
    --text-muted: #9A9A9A;
    --crit: #FF8A80;  --crit-bg: #3D1614;
    --warn: #FDB022;  --warn-bg: #3A2A0B;
    --info: #84CAFF;  --info-bg: #102A43;
    --ok: #75E0A7;    --ok-bg: #0F2E1E;
    --over: #67E3F9;  --over-bg: #0B2E36;
    --none: #B0B7C3;  --none-bg: #2A2D33;
    --shadow: none;
  }
}
:root[data-theme="dark"] {
  --brand-soft: #3A1517;
  --ink: #0E0E0E;
  --ink-2: #1C1C1C;
  --bg: #141414;
  --surface: #1E1E1E;
  --surface-2: #232323;
  --border: #333333;
  --border-strong: #4A4A4A;
  --text: #F2F2F2;
  --text-2: #C9C9C9;
  --text-muted: #9A9A9A;
  --crit: #FF8A80;  --crit-bg: #3D1614;
  --warn: #FDB022;  --warn-bg: #3A2A0B;
  --info: #84CAFF;  --info-bg: #102A43;
  --ok: #75E0A7;    --ok-bg: #0F2E1E;
  --over: #67E3F9;  --over-bg: #0B2E36;
  --none: #B0B7C3;  --none-bg: #2A2D33;
  --shadow: none;
}