/* =========================================
   COLORES — Variables CSS globales
   ========================================= */

:root {
    /* Color de marca principal — cambia aquí para todo el tema */
    --color-primario:    #170264;

    /* Textos y fondos */
    --color-texto:       #333333;
    --color-fondo:       #ffffff;
    --color-fondo-alt:   #f5f5f5;
    --color-borde:       #dddddd;
    --color-sombra:      rgba(0, 0, 0, 0.15);

    /* Cabecera */
    --cabecera-background: #ffffff;

    /* Footer */
    --footer-background: rgb(0, 0, 0);

    /* Menú */
    --menu-background:   rgba(255, 255, 255, 0.95);
    --menu-color:        #333333;
    --menu-color-hover:  #170264;
}