:root {
  --c-verde: #4e6b3c;
  --c-verde-cta: #55703e;
  --c-verde-titular: #5e7a48;
  --c-verde-medio: #8da563;
  --c-verde-texto: #3f5e2e;
  --c-verde-oscuro: #3e5228;
  --c-verde-arco: #6c8a46;
  --c-blob: #c4cfa4;
  --c-salvia: #b8bc9a;
  --c-beige: #cfc7b8;
  --c-greige: #d4cdbd;
  --c-crema: #ece8de;
  --c-crema-card: #e3ddd0;
  --c-azul: #8fafba;
  --c-rojo: #e1462b;
  --c-tinta: #2b2e2a;
  --c-blanco: #ffffff;

  --font-serif: "Cloud Lucent", "Playfair Display", Georgia, serif;
  --font-sans: "Glacial Indifference", "Jost", "Segoe UI", system-ui, sans-serif;

  --fs-hero: clamp(1.75rem, 0.9rem + 2.9vw, 3.4rem);
  --fs-h2: clamp(1.9rem, 1rem + 2.9vw, 3.5rem);
  --fs-h3: clamp(1.25rem, 0.95rem + 1.05vw, 1.9rem);
  --fs-lead: clamp(1.1rem, 0.95rem + 0.6vw, 1.45rem);
  --fs-body: clamp(1rem, 0.97rem + 0.16vw, 1.1rem);
  --fs-small: clamp(0.85rem, 0.82rem + 0.12vw, 0.95rem);
  --fs-eyebrow: clamp(0.72rem, 0.66rem + 0.2vw, 0.86rem);

  --container: 1600px;
  --container-mid: 1180px;
  --container-narrow: 760px;
  --pad-x: clamp(1.25rem, 0.5rem + 3.4vw, 5rem);
  --space-section: clamp(3.5rem, 2rem + 6vw, 8rem);

  --r-card: 24px;
  --r-pill: 999px;
  --r-photo: 20px;

  --shadow-photo: 0 18px 42px -16px rgba(40, 50, 30, 0.4);
  --shadow-card: 0 14px 34px -18px rgba(40, 50, 30, 0.3);
  --shadow-sticker: 0 8px 16px -6px rgba(30, 40, 20, 0.32);

  --header-h: clamp(76px, 3.6rem + 3vw, 112px);
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}