/* Tokens de marca. Cambiar un valor acá cambia todo el sitio. */
:root {
  --verde: #0F5C4D;          /* verde principal (coincide con el fondo del logo oficial) */
  --verde-claro: #1B7A66;    /* apoyo, solo formas */
  --verde-hondo: #08372E;    /* profundidad */
  --verde-noche: #052620;
  --ambar: #F2A93B;
  --marfil: #F6F5F0;
  --marfil-2: #ECEAE0;
  --grafito: #23352E;
  --grafito-hondo: #18241F;

  --texto: var(--grafito);
  --texto-suave: #4C5E56;
  --linea: rgba(35, 53, 46, .16);
  --linea-oscura: rgba(246, 245, 240, .18);

  --font-display: "Bricolage Grotesque", "Arial Black", system-ui, sans-serif;
  --font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --step--1: clamp(.84rem, .82rem + .1vw, .92rem);
  --step-0: clamp(1rem, .97rem + .15vw, 1.1rem);
  --step-1: clamp(1.2rem, 1.1rem + .5vw, 1.5rem);
  --step-2: clamp(1.6rem, 1.3rem + 1.4vw, 2.4rem);
  --step-3: clamp(2.1rem, 1.5rem + 3vw, 3.9rem);
  --step-4: clamp(2.6rem, 1.4rem + 5.6vw, 5.6rem);

  --gutter: clamp(1.25rem, 4vw, 3rem);
  --max: 76rem;
  --radius: 1.25rem;
  --ease: cubic-bezier(.22, .8, .24, 1);
}