:root {
    --coepriso-guinda: #8D153B;
    --coepriso-guinda-700: #74102F;
    --coepriso-guinda-900: #3B0617;
    --coepriso-guinda-50: #FBF3F6;
    --coepriso-guinda-100: #F5DDE6;
    --coepriso-guinda-200: #EAB9CA;
    --coepriso-guinda-300: #DA86A3;
    --coepriso-guinda-500: #A91B4A;

    --coepriso-verde: #0D5A3A;
    --coepriso-verde-700: #08482E;
    --coepriso-verde-50: #EFF8F4;
    --coepriso-verde-100: #D8EEE4;
    --coepriso-verde-200: #ACD8C6;
    --coepriso-verde-900: #063520;


    --coepriso-crema: #F8F2E8;
    --coepriso-crema-2: #EFE3D0;
    --coepriso-crema-3: #FFFDF8;
    
    --coepriso-arena: #E6D5BC;

    --coepriso-dorado: #C79A45;
    --coepriso-dorado-50: #FBF7EE;
    --coepriso-dorado-100: #F1E2C2;
    --coepriso-dorado-700: #9A6F22;


    --coepriso-texto: #1F2933;
    --coepriso-blanco: #FFFFFF;

    --coepriso-gray-50: #F8FAFC;
    --coepriso-gray-100: #F1F5F9;
    --coepriso-gray-200: #E5E7EB;
    --coepriso-gray-500: #667085;
    --coepriso-gray-700: #475467;
    --coepriso-gray-800: #344054;
    --coepriso-gray-900: #101828;

    /* Azul institucional complementario */
    --coepriso-azul: #1D3554;
    --coepriso-azul-50: #EEF4FA;
    --coepriso-azul-100: #DCEAF5;
    --coepriso-azul-200: #B7D3E7;
    --coepriso-azul-300: #7FAED0;
    --coepriso-azul-500: #2E5F91;
    --coepriso-azul-700: #172A43;
    --coepriso-azul-900: #0D1C30;

    /* Naranja institucional complementario */
    --coepriso-naranja: #F25A1D;
    --coepriso-naranja-50: #FFF3EC;
    --coepriso-naranja-100: #FFE0CE;
    --coepriso-naranja-200: #FFB894;
    --coepriso-naranja-300: #FF8A50;
    --coepriso-naranja-500: #FF6A24;
    --coepriso-naranja-700: #C74712;
    --coepriso-naranja-900: #7B2A0B;

    --radius-xl: 1.35rem;
    --radius-pill: 999px;

    --shadow-coepriso: 0 12px 32px rgba(59, 6, 23, .08);
    --shadow-coepriso-sm: 0 8px 24px rgba(59, 6, 23, .08);
    --shadow-coepriso-md: 0 16px 40px rgba(59, 6, 23, .12);
    --shadow-coepriso-lg: 0 22px 60px rgba(59, 6, 23, .16);
    --shadow-coepriso-xl: 0 32px 80px rgba(59, 6, 23, .24);

    --focus-ring: 0 0 0 4px rgba(141, 21, 59, .18);

    --header-alto: 86px;

    --font-titulo: "Merriweather", Georgia, serif;
    --font-base: "Montserrat", Arial, sans-serif;

    --radius-sm: 0.25rem;
    --radius-md: 0.5rem;
    --radius-lg: 1rem;
}

html {
    scroll-behavior: smooth;
}

body {
    color: var(--coepriso-texto);
    font-family: var(--font-base);
}

a {
    color: inherit;
}

img {
    max-width: 100%;
}

/* Foco accesible institucional */
a:focus-visible,
button:focus-visible {
    outline: none;
    box-shadow: var(--focus-ring);
}