:root{
  /* Headings (choose which first: Playfair Display or Bodoni Moda) */
  --font-serif: "Playfair Display", "Bodoni Moda", Georgia, serif;

  /* Body copy */
  --font-sans: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* Accent families (choose slab or brush per use) */
  --font-accent-slab: "Arvo", "Bitter", "Zilla Slab", Georgia, serif;
  --font-accent-brush: "Allura", "Pacifico", "Satisfy", cursive;
}

/* Global application (you already use these vars—this just enforces the look) */
body{ font-family: var(--font-sans); }

h1, h2, h3, h4, h5, h6,
.section-title, .destinations .section-title {
  font-family: var(--font-serif) !important;
  font-weight: 400;                 /* elegant, not too heavy */
  letter-spacing: .02em;            /* natural tracking */
  text-transform: none;             /* keep natural case */
}

.heading-strong { font-weight: 600; }
.heading-light  { font-weight: 300; }

/* Accent usage (pick slab OR brush per element) */
.accent-slab,
.badge, .eyebrow, .price-note { font-family: var(--font-accent-slab); }

.accent-brush { font-family: var(--font-accent-brush); }

/* Examples of tasteful accent targets */
.btn, .btn-pill, .dest-viewall, .pkg-chip { font-family: var(--font-accent-slab); }
/* or for a single decorative word/label: <span class="accent-brush">…</span> */