/*
 * Tokens de marca de Uniforth (WBS 3.1). Fuente única para el portal y la administración.
 * Los valores salen de la landing aprobada (design/landing) y del logo:
 * azul #3B66AD y coral #D5503B. El tema MudBlazor (Tema/TokensMarca.cs) usa los mismos
 * valores, y una prueba automática compara los tres archivos.
 *
 * Tema: claro por defecto, oscuro si el sistema lo pide. data-tema="claro" u "oscuro"
 * en <html> fuerza uno u otro.
 */

:root {
    --uf-fuente: "Century Gothic", "Avenir Next", Montserrat, "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
    --uf-radio: 12px;
    --uf-radio-grande: 18px;
    --uf-ancho-max: 1160px;
    --uf-margen: clamp(16px, 4vw, 32px);
    --uf-toque-min: 44px;

    /* Tipo de programa (3.2): solo identifica la categoría, nunca un estado. */
    --uf-tipo-taller: #E8A33D;
    --uf-tipo-curso: #4F86E8;
    --uf-tipo-diplomado: #8E6BE0;
    --uf-tipo-licenciatura: #1FA58A;
    --uf-tipo-maestria: #E4573F;
    --uf-tipo-doctorado: #D14B9A;
}

:root,
:root[data-tema="claro"] {
    color-scheme: light;
    --uf-fondo: #FFFFFF;
    --uf-fondo-2: #F2F6FD;
    --uf-superficie: #FFFFFF;
    --uf-superficie-2: #F7F9FE;
    --uf-texto: #0F1B33;
    --uf-texto-suave: #475574;
    --uf-linea: #D8E0F0;

    --uf-azul: #3B66AD;
    --uf-azul-tinta: #2A4F94;
    --uf-coral: #D5503B;
    --uf-coral-tinta: #B73D29;

    --uf-primario: #3B66AD;
    --uf-sobre-primario: #FFFFFF;
    --uf-secundario: #C4412D;
    --uf-sobre-secundario: #FFFFFF;

    /* Estado de un puesto o una sala: disponible, en reserva, ocupado. */
    --uf-estado-disponible: #16875C;
    --uf-sobre-disponible: #FFFFFF;
    --uf-estado-reserva: #D9922B;
    --uf-sobre-reserva: #1B1200;
    --uf-estado-ocupado: #8A96B0;
    --uf-sobre-ocupado: #0F1B33;

    --uf-error: #B3261E;
    --uf-sombra: 0 10px 30px rgba(31, 55, 100, .10);

    /* Estilo de la landing (rediseño 21-oct): brillos, cuadrícula, encabezado, elevación y CTA. */
    --uf-cuadricula: rgba(59, 102, 173, .09);
    --uf-brillo-1: rgba(59, 102, 173, .16);
    --uf-brillo-2: rgba(213, 80, 59, .13);
    --uf-encabezado: rgba(255, 255, 255, .94);
    --uf-elevado: 0 14px 34px rgba(59, 102, 173, .20);
    --uf-cta: linear-gradient(120deg, #2A4F94, #3B66AD 58%, #C4412D);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-tema="claro"]) {
        color-scheme: dark;
        --uf-fondo: #070D1F;
        --uf-fondo-2: #0A1330;
        --uf-superficie: #0F1A3A;
        --uf-superficie-2: #13214A;
        --uf-texto: #EAF0FF;
        --uf-texto-suave: #A3B3D6;
        --uf-linea: #23366B;

        --uf-azul: #7EA6F5;
        --uf-azul-tinta: #9DBCFA;
        --uf-coral: #FF7A63;
        --uf-coral-tinta: #FF9582;

        --uf-primario: #6C9BF4;
        --uf-sobre-primario: #06102A;
        --uf-secundario: #FF7A63;
        --uf-sobre-secundario: #1A0905;

        --uf-estado-disponible: #3DDC97;
        --uf-sobre-disponible: #06221A;
        --uf-estado-reserva: #FFC15A;
        --uf-sobre-reserva: #1B1200;
        --uf-estado-ocupado: #6B7AA3;
        --uf-sobre-ocupado: #020611;

        --uf-error: #FFB4AB;
        --uf-sombra: 0 12px 40px rgba(0, 0, 0, .45);

        --uf-cuadricula: rgba(126, 166, 245, .11);
        --uf-brillo-1: rgba(80, 130, 255, .30);
        --uf-brillo-2: rgba(255, 100, 80, .22);
        --uf-encabezado: rgba(7, 13, 31, .94);
        --uf-elevado: 0 0 0 1px #7EA6F5, 0 0 30px rgba(80, 130, 255, .35);
        --uf-cta: linear-gradient(120deg, #14295F, #1E4BA8 58%, #B03A28);
    }
}

:root[data-tema="oscuro"] {
    color-scheme: dark;
    --uf-fondo: #070D1F;
    --uf-fondo-2: #0A1330;
    --uf-superficie: #0F1A3A;
    --uf-superficie-2: #13214A;
    --uf-texto: #EAF0FF;
    --uf-texto-suave: #A3B3D6;
    --uf-linea: #23366B;

    --uf-azul: #7EA6F5;
    --uf-azul-tinta: #9DBCFA;
    --uf-coral: #FF7A63;
    --uf-coral-tinta: #FF9582;

    --uf-primario: #6C9BF4;
    --uf-sobre-primario: #06102A;
    --uf-secundario: #FF7A63;
    --uf-sobre-secundario: #1A0905;

    --uf-estado-disponible: #3DDC97;
    --uf-sobre-disponible: #06221A;
    --uf-estado-reserva: #FFC15A;
    --uf-sobre-reserva: #1B1200;
    --uf-estado-ocupado: #6B7AA3;
    --uf-sobre-ocupado: #020611;

    --uf-error: #FFB4AB;
    --uf-sombra: 0 12px 40px rgba(0, 0, 0, .45);

    --uf-cuadricula: rgba(126, 166, 245, .11);
    --uf-brillo-1: rgba(80, 130, 255, .30);
    --uf-brillo-2: rgba(255, 100, 80, .22);
    --uf-encabezado: rgba(7, 13, 31, .94);
    --uf-elevado: 0 0 0 1px #7EA6F5, 0 0 30px rgba(80, 130, 255, .35);
    --uf-cta: linear-gradient(120deg, #14295F, #1E4BA8 58%, #B03A28);
}