/* ============================================
   Variables Globales del Tema
   ============================================ */

:root {
    /* --- CONTENEDORES --- */
    /* Usa clamp para ajustar automáticamente: mínimo 1300px en 1440px, máximo 1500px */
    --contenedor-width: clamp(1168px, calc(100vw - 140px), 1500px);
    --contenedor-padding: 24px;

    --distancia-parrafos: 18px;

    --brand-bg-dark: #24282B;
    --brand-text-dark: #FFFFFF;

    --brand-text-dark-secondary: #8E8E8E;

    --brand-bg-light: #f5f6f9;
    --brand-text-light: #333333;


    /* --- Colores --- */
    --body-background: #FFFFFF;
    --body-background-light: #F5F6F9;
    --body-text: #2c2c2c;
    --body-text-dark: #DEE0E1;
    --body-text-secondary: #8E8E8E;

    --black: #333333;
    --dark-black: #2c2c2c;
    --extra-light-grey: #DEE0E1;


    --gris-medio: #999999;
    --negro-titulos: #414345;

    --clickable-color: #2c2c2c;

    /* Header desktop: padding vertical del contenedor; altura usada en menús/off-canvas (mayor entre hamburguesa ~54px y CTA ~46px) */
    --site-header-padding-y-desktop: 8px;
    --site-header-height-desktop: calc(var(--site-header-padding-y-desktop) * 2 + max(54px, 50px));
}