/*
 * Variables de diseno centrales de C.A. Alcalá.
 * Toda la paleta de color, espaciado y radios se define aqui para mantener coherencia visual.
 */

:root {
    /* Colores de marca */
    --color-morado-principal: #4a0d73;
    --color-morado-profundo: #3a095b;
    --color-violeta-brillante: #6b238e;
    --color-azul-electrico: #0b78b5;
    --color-blanco: #ffffff;
    --color-negro-profundo: #1f1823;

    /* Colores de fondo y superficie */
    --color-fondo: #f7f5f9;
    --color-superficie: #ffffff;
    --color-superficie-elevada: #f1edf4;

    /* Colores de texto */
    --color-texto-principal: #241b29;
    --color-texto-secundario: #584c5c;
    --color-borde: #d9d0dd;

    /* Colores de estado */
    --color-exito: #18794e;
    --color-alerta: #925b00;
    --color-error: #b42318;

    /* Sombras */
    --sombra-suave: 0 4px 16px rgba(74, 13, 115, 0.1);
    --sombra-destacada: 0 12px 36px rgba(74, 13, 115, 0.18);

    /* Radios de borde */
    --radio-pequeno: 6px;
    --radio-medio: 8px;
    --radio-grande: 8px;

    /* Espaciado */
    --espacio-1: 0.25rem;
    --espacio-2: 0.5rem;
    --espacio-3: 1rem;
    --espacio-4: 1.5rem;
    --espacio-5: 2.5rem;

    /* Layout */
    --ancho-contenido: 1180px;

    /* Degradado de marca */
    --degradado-marca: linear-gradient(125deg, var(--color-morado-profundo) 0%, var(--color-morado-principal) 58%, var(--color-violeta-brillante) 100%);
}