/* =====================================================================
   TYPOGRAPHY EXPERIMENT: Cormorant Garamond (headings) + Lora (body)
   + Inter (navigation, buttons, small functional text)

   TO RESTORE THE PREVIOUS TYPOGRAPHY: delete the comment and the two lines after
   "Typography experiment" in the <head> of each HTML page. Nothing else
   needs to change; base.css is untouched.
   ===================================================================== */

:root{
  --body: 'Lora', Georgia, 'Times New Roman', serif;
}

/* Body copy: Lora 400, 17px (Lora has a smaller x-height than Inter, so 16px read small), relaxed editorial line spacing */
body{
  font-family: var(--body);
  font-weight: 400;
  font-size: 17px;
  line-height: 1.75;
}

/* Slightly larger text where the previous sizes were tuned for Inter */
.hero .subhead{ font-size: 1.25rem; line-height: 1.7; }
.wt-item p, .booking-option p{ font-size: 1rem; }

/* Inter stays on functional elements */
.site-nav a,
.mobile-menu a,
.nav-toggle,
.skip-link,
.btn,
.text-link,
.contact-address,
.site-footer{
  font-family: var(--sans);
}