:root {
  /* Color (solo paleta de marca del BRIEF) */
  --verde:        #787859; /* acentos, titulares grandes, bloques, hover */
  --hueso:        #E1DFD8; /* fondo principal */
  --hueso-claro:  #EFEDE8; /* alternancia de secciones */
  --verde-oscuro: #2F2F22; /* cuerpo y CTA (contraste AA) */
  --texto-sobre-verde: #E1DFD8;

  /* Tipografía */
  --f-titulo: "Benton Modern", "Times New Roman", Georgia, serif;
  --f-cuerpo: "Noto Serif JP", Georgia, "Times New Roman", serif;
  --f-ui: "Noto Sans Devanagari", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;

  /* Escala fluida (pequeña y delicada; a 1440 px: hero ~51px, h2 ~34px) */
  --fs-hero:    clamp(2rem, 1.2rem + 2.2vw, 3.25rem);
  --fs-h2:      clamp(1.6rem, 1.25rem + 1vw, 2.4rem);
  --fs-cita:    clamp(1.35rem, 1rem + 1.2vw, 2.1rem);
  --fs-h3:      clamp(1.05rem, 1rem + 0.25vw, 1.25rem);
  --fs-lead:    clamp(1rem, 0.95rem + 0.15vw, 1.1rem);
  --fs-cuerpo:  clamp(0.92rem, 0.9rem + 0.1vw, 1rem);
  --fs-ui:      clamp(0.68rem, 0.66rem + 0.07vw, 0.75rem);
  --fs-eyebrow: 0.7rem;

  /* Espaciado y layout */
  --gutter: clamp(20px, 3.5vw, 48px);
  --sec-y:  clamp(72px, 10vw, 160px);
  --header-h: 76px;
  --hairline: 1px solid rgb(47 47 34 / .28);
  --hairline-claro: 1px solid rgb(225 223 216 / .3);
  --tracking: 0.1em;
  --ease: cubic-bezier(.22, 1, .36, 1);
}
@media (max-width: 720px) { :root { --header-h: 64px; } }