:root {

    /* ========= COLORES ========= */



    --color-principal: #4B2B72;

    --color-principal-hover: #3B205A;

    --color-secundario: #5DADE2;

    --color-secundario-hover: #3498DB;

    --color-fondo: #F6F8FB;

    --color-blanco: #FFFFFF;

    --color-texto: #2C3E50;

    --color-borde: #E5E7EB;

    --color-placeholder: #9CA3AF;

    /* ========= SOMBRAS ========= */



    --sombra-suave: 0 2px 8px rgba(0,0,0,.08);

    --sombra-media: 0 4px 12px rgba(0,0,0,.10);

    /* ========= BORDES ========= */



    --radio: 12px;

    --radio-grande: 18px;

    /* ========= TRANSICIONES ========= */



    --header-height: 90px;

    --transicion: all .25s ease;

}