/* =========================================================
   DM Sans — variable (body)
   Uses WOFF2 first if present; TTF stays as fallback.
   ========================================================= */
@font-face{
  font-family: "DM Sans";
  src:
    url("../fonts/dmsans/DMSans-Variable.woff2") format("woff2-variations"),
    url("../fonts/dmsans/DMSans-VariableFont_opsz,wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "DM Sans";
  src:
    url("../fonts/dmsans/DMSans-Italic-Variable.woff2") format("woff2-variations"),
    url("../fonts/dmsans/DMSans-Italic-VariableFont_opsz,wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* =========================================================
   Epilogue — variable (headings)
   Keep the WOFF2 line if you have it; TTF acts as fallback.
   ========================================================= */
@font-face{
  font-family: "Epilogue";
  src:
    url("../fonts/epilogue/Epilogue-Variable.woff2") format("woff2-variations"),
    url("../fonts/epilogue/Epilogue-Variable.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Epilogue";
  src:
    url("../fonts/epilogue/Epilogue-Italic-Variable.woff2") format("woff2-variations"),
    url("../fonts/epilogue/Epilogue-Italic-Variable.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* =========================================================
   Font tokens
   - --font-sans  ? DM Sans (body)
   - --font-head  ? Epilogue (headings)
   ========================================================= */
:root{
  --font-sans: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  --font-head: "Epilogue", system-ui, -apple-system, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;
}

/* Body defaults ? DM Sans */
body{
  font-family: var(--font-sans);
  font-optical-sizing: auto;           /* enables opsz on DM Sans */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Headings ? Epilogue (scoped to all standard and custom heading classes) */
h1, h2, h3, h4, h5, h6,
.tg-h1, .tg-h2, .tg-h3,
.tg-split__title,
.tg-centered .tg-h1 {
  font-family: var(--font-head);
  font-optical-sizing: auto;           /* harmless if Epilogue lacks opsz */
  /* Optional defaults—keep or adjust per design system: */
  font-weight: 700;                    /* typical heading weight */
  letter-spacing: 0;                   /* reset if your theme tightens headings */
}

/* If you want lighter subheads by default (optional) */
h4, h5, h6 { font-weight: 600; }