/* =========================================================================
   Tokens del sistema de diseño (docs/diseno_2026-10-19.md).
   Se carga DESPUÉS de Bootstrap (para que el puente --bs-* gane) y ANTES del
   tema de la entidad (public/assets/entidades/<clave>/tema.css), que solo
   redefine los --marca-*, y de style.css.
   Reglas: cifras en Inter con tabular-nums; Roboto Mono solo para códigos de
   cuenta y Nº de comprobante; nunca texto con --icono-suave (2.56:1).
   ========================================================================= */
:root {
    /* Marca (la entidad puede redefinirlos en su tema.css) */
    --marca-primario: #0b2447;
    --marca-primario-hover: #081a33;
    --marca-primario-suave: #e8eef7;
    --marca-acento: #e0b04f;          /* solo decorativo: nunca texto sobre blanco */
    --marca-acento-texto: #8a6514;
    --marca-interactivo: #0d5bd7;

    /* Superficies y bordes */
    --sup-fondo: #f6f8fb;
    --sup-elevada: #ffffff;
    --sup-hundida: #eef2f6;
    --borde: #dbe2ea;
    --borde-fuerte: #b8c4d2;

    /* Texto */
    --texto: #1b2533;
    --texto-titulo: #0b1220;
    --texto-secundario: #4a5568;
    --texto-terciario: #637083;
    --icono-suave: #94a3b8;           /* solo iconos decorativos */

    /* Semánticos */
    --exito: #157347;   --exito-suave: #e3f4ea;   --exito-texto: #0f5132;
    --aviso: #b26a00;   --aviso-suave: #fff4dc;   --aviso-texto: #6b4200;
    --peligro: #c62f3e; --peligro-suave: #fbe7e9; --peligro-texto: #8a1c28;
    --info: #0d5bd7;    --info-suave: #e6efff;    --info-texto: #0a3f94;
    --neutro: #5b6675;  --neutro-suave: #eceff3;  --neutro-texto: #3a4350;

    /* Cifras */
    --cifra-negativa: var(--peligro-texto);
    --cifra-cero: var(--texto-terciario);

    /* Tipografía */
    --fuente-texto: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --fuente-mono: 'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --fs-xs: .75rem; --fs-sm: .8125rem; --fs-base: .9375rem; --fs-md: 1rem;
    --fs-lg: 1.125rem; --fs-xl: 1.375rem; --fs-2xl: 1.625rem;

    /* Espaciado, radios, sombras */
    --esp-1: .25rem; --esp-2: .5rem; --esp-3: .75rem; --esp-4: 1rem; --esp-5: 1.5rem; --esp-6: 2rem;
    --radio-sm: .375rem; --radio: .625rem; --radio-lg: .875rem; --radio-pill: 999px;
    --sombra-1: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .05);
    --sombra-2: 0 6px 16px rgba(16, 24, 40, .08);

    /* Interacción */
    --foco: 0 0 0 3px rgba(13, 91, 215, .45);
    --objetivo-tactil: 40px;

    /* Puente a Bootstrap */
    --bs-primary: var(--marca-interactivo);
    --bs-primary-rgb: 13, 91, 215;
    --bs-body-bg: var(--sup-fondo);
    --bs-body-color: var(--texto);
    --bs-body-font-family: var(--fuente-texto);
    --bs-border-color: var(--borde);
    --bs-secondary-color: var(--texto-secundario);
    --bs-secondary-rgb: 74, 85, 104;  /* .text-secondary = --texto-secundario (AA) */
    --bs-link-color: var(--marca-interactivo);
    --bs-link-color-rgb: 13, 91, 215;
    --bs-link-hover-color: var(--info-texto);
    --bs-link-hover-color-rgb: 10, 63, 148;
    --bs-border-radius: var(--radio);
}