/* ============================================================================
   theme.css — LA hoja de tema de te-facturo. Única fuente de los tokens de color.
   ----------------------------------------------------------------------------
   Cárgala con <link rel="stylesheet" href="/css/theme.css"> ANTES del <style>
   de cada página, para que las reglas locales puedan usar los var().

   PROHIBIDO copiar un bloque :root con colores a una página. Si necesitas un
   color nuevo, agrégalo AQUÍ con un nombre por significado (--error, no --rojo)
   y úsalo con var(). Un color literal dentro de una regla es deuda: cuando haya
   que cambiar la paleta, nadie lo va a encontrar.

   Origen: los 17 tokens estaban duplicados en las 17 páginas de public/.
   Por suerte ningún valor había divergido todavía, así que consolidar no cambió
   el aspecto de nada. Se hizo antes de que doliera — en CentralMarketPRO_ERP se
   dejó crecer hasta 128 páginas y 47 variables con más de un valor.

   La paleta la decide brand.json (en la raíz del repo); este archivo la hace
   ejecutable. Si cambias un color aquí, cámbialo también allá.
   ============================================================================ */

:root {
    /* ---- Superficies ---- */
    --bg: #0f1115;              /* fondo de la página */
    --bg-card: #161a21;         /* tarjetas, paneles, modales */
    --bg-row: #1d222b;          /* superficie elevada: filas de tabla, campos */
    --border: #232830;

    /* ---- Texto ---- */
    --text: #e6e8eb;
    --muted: #8a909a;           /* etiquetas, ayudas, texto secundario */

    /* ---- Identidad ---- */
    --accent: #5a8dde;          /* acción primaria, enlaces */
    --accent-hover: #7aa3e7;
    --accent2: #8b6de0;         /* acento secundario (Aria, destacados) */

    /* ---- Semánticos de estado ---- */
    --success: #4ade80;
    --warn: #fbbf24;
    --err: #f87171;

    /* ---- Elevación ---- */
    --shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
    --glow: 0 0 0 1px rgba(90, 141, 222, 0.14), 0 0 32px rgba(139, 109, 224, 0.08);
    --nav-bg: rgba(15, 17, 21, 0.85);

    /* ---- Alias heredados ----
       Nombres que ya estaban en uso en varias páginas para un valor que ya
       existía con otro nombre. Se conservan para no tocar 16 hojas de estilo,
       pero derivan del token canónico: así no pueden divergir.
       Si algún día un campo debe verse distinto de una fila de tabla, ahí sí
       conviene darle valor propio — y documentar por qué. */
    --bg-input: var(--bg-row);
    --ok: var(--success);
}

/* Tema claro. Solo se redefine lo que cambia; los alias derivan solos.
   Antes vivía en 2 de las 17 páginas, así que el toggle se veía roto en el
   resto: cambiabas a claro y la página seguía oscura. Al estar aquí, todas
   las páginas lo respetan. */
:root[data-theme="light"] {
    --bg: #f3f5f9;
    --bg-card: #ffffff;
    --bg-row: #f3f5f9;
    --border: #e3e7ee;

    --text: #171a20;
    --muted: #69707d;

    --accent: #3f6fd8;
    --accent-hover: #3059b8;
    --accent2: #7a58cf;

    --success: #16a34a;
    --warn: #c07f04;
    --err: #dc2626;

    --shadow: 0 8px 24px rgba(30, 41, 59, 0.08);
    --glow: 0 0 0 1px rgba(63, 111, 216, 0.10), 0 0 24px rgba(122, 88, 207, 0.06);
    --nav-bg: rgba(255, 255, 255, 0.85);
}