/* Tokens de diseno del SGA (bloque :root de uti-sistema.css de sga_redisenio).
   Los usa commandcenter.css; aqui no hay estilos, solo variables. */
:root {
    /* ---- Color institucional (identico al del portal de biblioteca) ---- */
    --purpura: #3C235F;
    --purpura-deep: #241640;
    --purpura-night: #140D22;
    --purpura-soft: #5A4080;
    --purpura-wash: #F1ECF8;
    --naranja: #EA600A;
    --naranja-hover: #C24E08;
    --naranja-soft: #F0A04B;
    --azul: #046BD2;
    --azul-soft: #4F9BE6;
    --verde: #1F7A4C;
    --verde-wash: #E7F3EC;
    --rojo: #C0392B;
    --rojo-wash: #FBECEA;
    --ambar: #B26A00;
    --ambar-wash: #FDF3E3;

    /* ---- Neutros y superficies ---- */
    --ink: #1C1430;
    --stone: #5B5168;
    --lila: #C4BDD4;
    --mist: #E8EAED;
    --cloud: #EEF0F4;
    --line: #D7D9DE;
    --paper: #F6F7F8;
    --white: #FFFFFF;

    /* ---- Tipografia ----
       El SGA es un sistema de datos: el cuerpo va en una fuente neutra y solo
       los titulos llevan la geometrica de la marca. */
    --font-title: 'Century Gothic Pro', 'Century Gothic', 'URW Gothic', 'Questrial', 'Trebuchet MS', Helvetica, Arial, sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

    /* Escala: el SGA venia con los campos en 12px y las etiquetas en 13px.
       Aqui el piso es 13px y el cuerpo 14px, que es lo que hace que la pantalla
       deje de verse apretada sin que nada se desborde. */
    --t-xs: .75rem;     /* 12px - solo para notas al pie y badges */
    --t-sm: .8125rem;   /* 13px - celdas densas, ayudas */
    --t-base: .875rem;  /* 14px - cuerpo, campos, botones */
    --t-md: 1rem;       /* 16px */
    --t-lg: 1.125rem;   /* 18px */
    --t-xl: 1.375rem;   /* 22px */
    --t-2xl: 1.75rem;   /* 28px */

    /* ---- Forma, elevacion, movimiento ---- */
    --r-xs: 6px;
    --r-sm: 8px;
    --r-md: 12px;
    --r-lg: 18px;
    --r-pill: 999px;
    --sombra-baja: 0 1px 2px rgba(28, 20, 48, .06), 0 1px 3px rgba(28, 20, 48, .04);
    --sombra-tarjeta: 0 2px 8px rgba(28, 20, 48, .07), 0 8px 24px rgba(28, 20, 48, .05);
    --sombra-alta: 0 12px 32px rgba(60, 35, 95, .16);
    --sombra-conversion: 0 4px 12px rgba(234, 96, 10, .28);
    --transicion: 160ms ease;

    /* ---- Cromo de la aplicacion ---- */
    --barra: var(--purpura-deep);
    --barra-texto: rgba(255, 255, 255, .88);
    --barra-texto-activo: #FFFFFF;
    --alto-barra: 46px;
}