/* Free display pairing: Boogaloo for expressive headings, Lilita One for short accents.
   Outfit remains the reading and form font. Font licenses live alongside each asset. */
@font-face {
  font-family: 'Boogaloo';
  src: url('../fonts/boogaloo/Boogaloo-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Lilita One';
  src: url('../fonts/lilitaone/LilitaOne-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
:root {
  --font-display: 'Boogaloo', var(--ui-font);
  --font-accent: 'Lilita One', var(--ui-font);
}

/* Keep longer card titles, navigation, paragraphs and form labels in Outfit. */
body :is(h1, h2),
body .home-search-panel h1,
body .geo-hero-framed h1,
body .scene-copy h1,
body .account-inner h2,
body .destination-tile strong,
body .account-visual figcaption strong {
  font-family: var(--font-display);
  font-weight: 400;
  font-style: normal;
  font-synthesis: none;
  letter-spacing: .01em;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
body .home-search-panel h1,
body .destination-tile strong {
  text-transform: uppercase;
}
body .home-search-panel h1 em,
body .scene-copy h1 em,
body .product-hero h1 em {
  font-family: inherit;
  font-weight: 400;
  font-style: normal;
  letter-spacing: inherit;
}

/* Chunky accents are reserved for branding, short actions and friendly callouts. */
body :is(.letsgo-logo, .footer-brand, .product-brand, .nav-join, .btn-primary, .product-primary, .scout-message strong),
body .home-search-panel .product-search button,
body .product-search button {
  font-family: var(--font-accent);
  font-weight: 400;
  font-style: normal;
  font-synthesis: none;
  letter-spacing: .015em;
}
body :is(.letsgo-logo, .footer-brand, .product-brand) {
  letter-spacing: -.015em;
}