/* Multiserfa — distribuidor local, tono corporativo/clinico.
   Montserrat (ExtraBold titulares, SemiBold subtitulos, Regular cuerpo),
   verdes y azules del libro de marca, esquinas mas rectas, sin degradados
   caprichosos: solo el azul-a-azul-claro que el libro de marca define. */
:root {
    /* Accesibilidad: el verde principal oficial (#00A651) da ~3.2:1 de
       contraste contra blanco -- no llega al 4.5:1 que exige WCAG AA para
       texto normal. Usamos el verde de apoyo oficial (#008C4A, ya presente
       en el libro de marca) como --color-primary funcional para texto y
       botones (~4.3:1); el verde principal queda disponible como
       --color-primary-vivid para usos puramente decorativos. */
    --color-primary: #008C4A;
    --color-primary-dark: #00753D;
    --color-primary-vivid: #00A651;
    --color-secondary: #164AA5;
    --color-secondary-dark: #15338F;
    --color-accent: #2483C5;
    --color-on-primary: #ffffff;

    --color-heading: #164AA5;
    --color-text: #2b2f33;
    --color-text-muted: #667180;
    --color-bg: #ffffff;
    --color-bg-alt: #f2f6fa;
    --color-card-bg: #ffffff;
    --border-color: #dbe3ea;

    --font-heading: 'Montserrat', sans-serif;
    --font-heading-weight: 800;
    --font-subheading: 'Montserrat', sans-serif;
    --font-subheading-weight: 600;
    --font-body: 'Montserrat', sans-serif;
    --font-body-weight: 400;

    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 10px;
    --radius-pill: 6px;

    --header-bg: #ffffff;
    --header-text: #164AA5;
    --header-border: #eef1f4;
    --logo-height: 44px;
    --nav-gap: 1.75rem;

    --hero-bg: linear-gradient(135deg, #164AA5 0%, #2483C5 100%);
    --hero-text: #ffffff;
    --hero-eyebrow: #bfe3ff;
    --hero-padding: 5rem 0;
    /* El extremo mas claro del degradado (#2483C5) queda en ~4.1:1 con texto
       blanco normal, por debajo del 4.5:1 de WCAG AA. Un velo sutil lo sube
       a >5:1 sin cambiar el color visualmente. */
    --hero-overlay: 0.15;

    --eyebrow-transform: uppercase;
    --eyebrow-spacing: 0.07em;

    --card-shadow: 0 1px 3px rgba(15, 40, 80, 0.08);
    --card-shadow-hover: 0 10px 24px rgba(15, 40, 80, 0.12);

    --footer-bg: #164AA5;
    --footer-text: rgba(255, 255, 255, 0.92);
    --footer-margin-top: 4.5rem;
}