/********** Aires de Paz — Paleta de colores **********
 * Primario definido por el cliente: #00554c. El resto de la paleta
 * (oscuro/claro derivados del primario, acento verde oliva de contraste,
 * neutros piedra/taupe) se armó para combinar con ese color.
 ******************************************************/
:root {
    --primary:      #00554c; /* verde institucional definido por el cliente */
    --primary-dark: #003c35; /* mismo tono, más oscuro — hover/active de botones */
    --primary-mid:  #17997f; /* variante más clara y saturada — usada donde el primario oscuro no se distingue bien (ej. link activo del menú) */
    --primary-light: #e5efed; /* verde muy claro para fondos/anillos de ícono */
    --accent:       #7c9a44; /* verde oliva — acento de contraste frente al verde institucional */
    --secondary:    #8a8172; /* piedra / taupe */
    --light:        #F7F6F1;
    --dark:         #33362f;
    --muted:        #837c6d; /* texto secundario sobre fondos claros */
    --border:       #e6e2d8;

    /* Tokens de elevación y forma, reutilizados por todos los componentes
       para que la profundidad y el redondeo sean consistentes en todo el sitio. */
    --shadow-sm: 0 2px 10px rgba(51,54,47,0.06), 0 0 0 1px rgba(51,54,47,0.04);
    --shadow-md: 0 14px 30px rgba(0,85,76,0.16);
    --shadow-lg: 0 24px 60px rgba(0,60,53,0.24);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-pill: 30px;
    --transition: .3s ease;
}