@font-face {
  font-family: "Black Mango";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/black-mango-light.woff2") format("woff2");
}
@font-face {
  font-family: "Black Mango";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/black-mango-regular.woff2") format("woff2");
}
@font-face {
  font-family: "Black Mango";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/black-mango-medium.woff2") format("woff2");
}
@font-face {
  font-family: "Black Mango";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/black-mango-semibold.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/poppins-300.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/poppins-400.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/poppins-500.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/poppins-600.woff2") format("woff2");
}

:root {
  /* Paleta do manual da marca */
  --navy: #304556;
  --gray: #92999f;
  --olive: #797c69;
  --terracota: #b47450;
  --sand: #c7aa9a;
  --cream: #f3ece4;

  /* Derivadas (contraste AA para texto pequeno) */
  --navy-deep: #243642;
  --ink-soft: #5b6b78;
  --terracota-ink: #8a5535;
  --paper: #fbf8f4;
  --line: rgb(48 69 86 / 0.16);
  --line-light: rgb(243 236 228 / 0.22);

  --font-display: "Black Mango", "Cormorant Garamond", Georgia, serif;
  --font-body: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-eyebrow: 0.75rem;
  --fs-body: 1rem;
  --fs-lead: clamp(1.0625rem, 0.98rem + 0.4vw, 1.25rem);
  --fs-h3: clamp(1.375rem, 1.2rem + 0.8vw, 1.875rem);
  --fs-h2: clamp(2rem, 1.4rem + 2.8vw, 3.75rem);
  --fs-h1: clamp(2.5rem, 1.6rem + 4.6vw, 5rem);

  --space-section: clamp(4.5rem, 3rem + 7vw, 8.5rem);
  --gutter: clamp(1.25rem, 0.8rem + 2.2vw, 2.5rem);
  --container: 72.5rem;
  --header-h: 4.25rem;

  --radius-sm: 0.75rem;
  --radius-md: 1.5rem;
  --radius-arch: 999px 999px 1.5rem 1.5rem;

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --shadow-soft: 0 1px 2px rgb(48 69 86 / 0.06), 0 12px 32px -12px rgb(48 69 86 / 0.18);
}