/* Design tokens — Artificial Grass Empire */

@font-face {
  font-display: block;
  font-family: Batangas;
  src: url("../Batangas Bold 700.woff2") format("woff2"), url("../Batangas Bold 700.woff") format("woff");
  font-weight: 700;
}

@font-face {
  font-display: block;
  font-family: "DM Sans 3";
  src: url("../DMSans-VariableFont_opsz_wght.woff2") format("woff2"), url("../DMSans-VariableFont_opsz_wght.woff") format("woff");
  font-weight: 100 900;
}

:root {
  --age-cream: #f4f4ef;
  --age-gold: #ffd84d;
  --age-green: #0b6343;
  --age-sand: #e6e6d7;
  --age-page-bg: #fafafa;
  --age-text-dark: #020201;
  --age-hero-scrim: rgba(0, 0, 0, 0.47);
  --age-font-sans: "DM Sans 3", "DM Sans", system-ui, sans-serif;
  --age-font-display: Batangas, serif;
  --age-font-hero: Arial, Helvetica, sans-serif;
  --age-radius-btn: 3px;
  --age-space-section: clamp(2.5rem, 6vw, 5rem);
  --age-content-max: 72rem;
  /* Altezza barra menu fissa (hero e overlay usano questo offset) */
  --age-header-offset: clamp(3.75rem, 10vw, 4.75rem);
  /* Respiro tra menu e contenuto hero */
  --age-hero-below-header: clamp(1.5rem, 5vw, 3rem);
  --age-header-bg: #0b6343;
  --age-header-bg-panel: rgba(9, 82, 56, 0.98);
}