/*
 * FDT Theme — self-hosted fonts (Poppins, Cormorant Garamond, Open Sans).
 * Served locally rather than from Google Fonts.
 */

/* Open Sans — body copy */
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/open-sans/OpenSans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/open-sans/OpenSans-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Poppins — sans-serif headings/UI */
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins/Poppins-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins/Poppins-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Cormorant Garamond — serif headings */
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('../fonts/cormorant-garamond/CormorantGaramond-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cormorant Garamond';
  src: url('../fonts/cormorant-garamond/CormorantGaramond-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  --font-body: 'Open Sans', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', sans-serif;
  --font-sans: 'Poppins', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', sans-serif;
  --font-serif: 'Cormorant Garamond', Georgia, serif;

  /*
   * Heading scale — single source of truth for h1-h6, plus non-heading
   * "title" text that should sit at a known point in the same hierarchy
   * (hero slide title, event card title). Compressed to a tighter
   * 1rem-2rem range, evenly stepped by 0.2rem.
   */
  --fs-h1: 2rem;
  --fs-h2: 1.8rem;
  --fs-h3: 1.6rem;
  --fs-h4: 1.4rem;
  --fs-h5: 1.2rem;
  --fs-h6: 1rem;
  /* Bigger than h1 — for hero display text, which is deliberately not a
     real heading tag (see fdt-hero-slide__title). */
  --fs-display: 2.25rem;
}

h1 {
  font-size: var(--fs-h1);
}

h2 {
  font-size: var(--fs-h2);
}

h3 {
  font-size: var(--fs-h3);
}

h4 {
  font-size: var(--fs-h4);
}

h5 {
  font-size: var(--fs-h5);
}

h6 {
  font-size: var(--fs-h6);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-sans);
  font-weight: 600;
}

body,
p,
li,
a {
  font-family: var(--font-body);
}

.title-sans {
  font-family: var(--font-sans);
}

/* ---- Responsive ---- */
@media (max-width: 1400px) {}

@media (max-width: 1200px) {}

@media (max-width: 992px) {}

@media (max-width: 768px) {}

@media (max-width: 576px) {}