/* ===== PALETA DE COLORES MODESTA ===== */
:root {
    /* Colores principales basados en tu paleta */
    --azul-marino: #00304E;
    --dorado: #f3d739;
    --blanco: #FFFFFF;
    --negro: #000000;
    
    /* Variaciones para efectos */
    --azul-marino-hover: #004066;
    --dorado-claro: #f3d739;
    --gris-claro: #F5F5F5;
    --gris-medio: #CCCCCC;
    
    /* Sombras */
    --sombra-suave: 0 2px 10px rgba(0, 48, 78, 0.1);
    --sombra-hover: 0 4px 20px rgba(255, 215, 0, 0.3);
}

/* Variables de transiciones */
:root {
    --transicion-rapida: 0.2s ease;
    --transicion-normal: 0.3s ease;
    --transicion-lenta: 0.5s ease;
}