/* =============================================================
   PALETA DEL CLIENTE
   Se carga DESPUÉS de base.css para sobreescribir variables.
   Solo contiene: overrides específicos del cliente + variables
   propias que no están en base.css.
   ============================================================= */

:root {
    /* Override: botón del cliente usa 90% del primario (base.css usa 80%) */
    --color-boton: color-mix(in srgb, var(--color-primario) 90%, white);

    /* Variables alpha — no están en base.css */
    --color-primario-alfa-7: color-mix(in srgb, var(--color-primario) 7%, transparent);
    --color-primario-alfa-12: color-mix(in srgb, var(--color-primario) 12%, transparent);
    --color-primario-alfa-25: color-mix(in srgb, var(--color-primario) 25%, transparent);
    --color-primario-alfa-35: color-mix(in srgb, var(--color-primario) 35%, transparent);
}

[data-theme="dark"] {
    --color-fondo: #0f0f10;
    --color-fondo-secciones: #111214;
    --color-fondo-subsecciones: #B6B6B4;
    --color-barra: #1f1f1f;
    --color-texto: #ffffff;
    --color-primario: #00b34b;
    --color-secundario: #292929;
    --color-texto-oscuro: #FFFFFF;
    --color-text-principal: var(--color-texto);
    --color-borde: #5d5d5d;
    --color-celda-encabezado: #212121;
}

/* Cambio de paleta por sistema sin hardcodeo en JS */
:root[data-sistema="SISTEMA2"] {
    --color-primario: var(--color-primario-sistema2);
    --color-boton: var(--color-boton-sistema2);
    --color-boton-hover: var(--color-boton-hover-sistema2);
}