/**
 * Paleta institucional — U.E. Colegio María Auxiliadora
 * Sitio público + sistema PHP. Cargar antes de style.css.
 *
 * Jerarquía: celeste = navegación/estructura | magenta = acción/CTA
 */
:root {
    /* Identidad (colegio2-main / escudo institucional) */
    --azul-institucional: #0a1128;
    --magenta-logo: #e91e63;
    --celeste-escudo: #1BA8DE;
    --blanco: #ffffff;
    --celeste-fondo: #f4f8fb;
    --rosa-pastel: #fff0f5;
    --gris-texto: #4a5568;
    --gris-texto-suave: #5c6b7a;

    /* Derivados oscuros */
    --azul-oscuro: #0a1128;
    --azul-profundo: #070b18;

    /* Acción / CTA (.btn-magenta) */
    --acento-primario: var(--magenta-logo);
    --acento-primario-hover: #c2185b;
    --acento-calido: #c75b7a;

    /* Alegría salesiana (alianzas, acentos cálidos) */
    --dorado-alegria: #d4a84b;
    --dorado-suave: #f0e6c8;

    --alerta: #b8384a;

    --azul-rgb: 10, 17, 40;
    --celeste-escudo-rgb: 27, 168, 222;
    --acento-rgb: 233, 30, 99;
    --magenta-rgb: 233, 30, 99;
    --dorado-rgb: 212, 168, 75;
    --coral-rgb: 199, 91, 122;

    --suave-lento: cubic-bezier(0.4, 0, 0.2, 1);
    --radio-card: 20px;
    --sombra-suave: 0 16px 36px rgba(10, 17, 40, 0.08);

    /* Espaciado (sitio público) */
    --section-pad-y: 100px;
    --section-pad-y-md: 72px;
    --section-title-gap: 60px;
    --section-lead-offset: -30px;
    --page-gutter: 20px;
    --page-top-pad: 36px;
    --container-max: 1200px;
    --manual-page-pad-bottom: 70px;
}