@font-face {
  font-display: swap;
  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: swap;
  font-family: "DM Sans";
  src: url("../DMSans-VariableFont_opsz_wght.woff2") format("woff2"),
    url("../DMSans-VariableFont_opsz_wght.woff") format("woff");
  font-weight: 100 900;
}

:root {
  --na-green: #0b6343;
  --na-green-dark: #084932;
  --na-green-soft: #e8f3ee;
  --na-gold: #ffd84d;
  --na-gold-hover: #ffe566;
  --na-sand: #e6e6d7;
  --na-cream: #f7f7f2;
  --na-white: #ffffff;
  --na-ink: #0f1412;
  --na-muted: #5a6761;
  --na-border: rgba(11, 99, 67, 0.12);

  --na-font: "DM Sans", system-ui, sans-serif;
  --na-display: Batangas, Georgia, serif;

  --na-max: 76rem;
  --na-narrow: 42rem;
  --na-header-h: clamp(4rem, 10vw, 4.75rem);
  --na-radius: 0.65rem;
  --na-radius-lg: 1rem;
  --na-shadow: 0 4px 24px rgba(15, 20, 18, 0.08);
  --na-shadow-lg: 0 12px 40px rgba(15, 20, 18, 0.12);

  --na-section-y: clamp(3rem, 7vw, 5.5rem);
  --na-gap: clamp(1rem, 2.5vw, 1.75rem);
}