/* Galifac — sistema de color (mismo patrón que GaliEdu: --hue + hsl) */

:root {
    --tono: 213;
    --sat: 88%;

    --primario: hsl(var(--tono), var(--sat), 40%);
    --primario-hover: hsl(var(--tono), var(--sat), 32%);
    --primario-claro: hsl(var(--tono), var(--sat), 96%);
    --primario-borde: hsl(var(--tono), var(--sat), 86%);

    --fondo-pagina: #f4f6fa;
    --fondo-superficie: #ffffff;
    --fondo-hundido: #eaeef5;
    --texto-principal: #182233;
    --texto-atenuado: #5b6779;
    --texto-tenue: #8993a4;
    --borde: #dfe4ed;

    --exito: #1b8a5a;
    --exito-fondo: #e2f4ec;
    --aviso: #97650f;
    --aviso-fondo: #fbf0dc;
    --peligro: #c23a2e;
    --peligro-fondo: #fbe6e3;

    --sombra-sm: 0 1px 2px rgba(24, 34, 51, .06);
    --sombra-md: 0 6px 20px rgba(24, 34, 51, .08);
    --radio: 10px;
    --ancho-sidebar: 248px;
    --alto-cabecera: 64px;
}

@media (prefers-color-scheme: dark) {
    :root {
        --primario: hsl(var(--tono), var(--sat), 62%);
        --primario-hover: hsl(var(--tono), var(--sat), 70%);
        --primario-claro: hsl(var(--tono), 45%, 20%);
        --primario-borde: hsl(var(--tono), 40%, 30%);
        --fondo-pagina: #0f141c;
        --fondo-superficie: #1a212c;
        --fondo-hundido: #131922;
        --texto-principal: #e9edf5;
        --texto-atenuado: #aeb8c9;
        --texto-tenue: #7c8797;
        --borde: #2a323f;
        --exito: #55b98a;
        --exito-fondo: #17301f;
        --aviso: #d9a34a;
        --aviso-fondo: #362a11;
        --peligro: #e18e7c;
        --peligro-fondo: #3a1f19;
        --sombra-sm: 0 1px 2px rgba(0, 0, 0, .4);
        --sombra-md: 0 10px 28px rgba(0, 0, 0, .45);
    }
}

html[data-tema="oscuro"] {
    --primario: hsl(var(--tono), var(--sat), 62%);
    --primario-hover: hsl(var(--tono), var(--sat), 70%);
    --primario-claro: hsl(var(--tono), 45%, 20%);
    --primario-borde: hsl(var(--tono), 40%, 30%);
    --fondo-pagina: #0f141c;
    --fondo-superficie: #1a212c;
    --fondo-hundido: #131922;
    --texto-principal: #e9edf5;
    --texto-atenuado: #aeb8c9;
    --texto-tenue: #7c8797;
    --borde: #2a323f;
    --exito: #55b98a;
    --exito-fondo: #17301f;
    --aviso: #d9a34a;
    --aviso-fondo: #362a11;
    --peligro: #e18e7c;
    --peligro-fondo: #3a1f19;
    --sombra-sm: 0 1px 2px rgba(0, 0, 0, .4);
    --sombra-md: 0 10px 28px rgba(0, 0, 0, .45);
}

html[data-tema="claro"] {
    --primario: hsl(var(--tono), var(--sat), 40%);
    --primario-hover: hsl(var(--tono), var(--sat), 32%);
    --primario-claro: hsl(var(--tono), var(--sat), 96%);
    --primario-borde: hsl(var(--tono), var(--sat), 86%);
    --fondo-pagina: #f4f6fa;
    --fondo-superficie: #ffffff;
    --fondo-hundido: #eaeef5;
    --texto-principal: #182233;
    --texto-atenuado: #5b6779;
    --texto-tenue: #8993a4;
    --borde: #dfe4ed;
    --exito: #1b8a5a;
    --exito-fondo: #e2f4ec;
    --aviso: #97650f;
    --aviso-fondo: #fbf0dc;
    --peligro: #c23a2e;
    --peligro-fondo: #fbe6e3;
    --sombra-sm: 0 1px 2px rgba(24, 34, 51, .06);
    --sombra-md: 0 6px 20px rgba(24, 34, 51, .08);
}