/* ============================================================
   BRIDGE-UTYPSG — Variables CSS Institucionales
   ============================================================ */

:root {
    /* ── Colores Institucionales ── */
    --verde:         #1a6b3c;
    --verde-oscuro:  #0f4526;
    --verde-claro:   #2d9e5f;
    --verde-suave:   #e8f5ee;

    --dorado:        #c9a84c;
    --dorado-oscuro: #9e7e30;
    --dorado-claro:  #e8c97a;
    --dorado-suave:  #fdf6e3;

    --blanco:        #ffffff;
    --gris-claro:    #f4f6f8;
    --gris-medio:    #e2e6ea;
    --gris:          #6c757d;
    --gris-oscuro:   #343a40;
    --negro:         #1a1a2e;

    /* ── Colores por Carrera ── */
    --energia:       #42e356;
    --ti:            #0181c7;
    --mecanica:      #ba4267;
    --civil:         #8e44ad;
    --agricultura:   #09900d;

    /* ── Semánticos ── */
    --exito:         #28a745;
    --peligro:       #dc3545;
    --advertencia:   #ffc107;
    --info:          #17a2b8;

    /* ── Tipografía ── */
    --fuente-titulo: 'Montserrat', sans-serif;
    --fuente-cuerpo: 'Open Sans', sans-serif;
    --fuente-mono:   'Courier New', monospace;

    /* ── Espaciado ── */
    --radio:         8px;
    --radio-lg:      16px;
    --sombra:        0 2px 12px rgba(0,0,0,.08);
    --sombra-hover:  0 6px 24px rgba(0,0,0,.14);

    /* ── Transiciones ── */
    --trans:         all .25s ease;
}