/* ======================================================================
   fonts.css — self-hosted Oswald + Literata @font-face declarations
   Folder layout:
     /fonts/Oswald/static/Oswald-*.woff2
     /fonts/Literata/static/Literata-*.woff2
   ====================================================================== */

/* ---- Oswald (Display/Heading) --------------------------------------- */
@font-face {
  font-family: "Oswald";
  src: url("/fonts/Oswald/static/Oswald-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  src: url("/fonts/Oswald/static/Oswald-SemiBold.woff2") format("woff2");
  font-weight: 600; /* used for headings */
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  src: url("/fonts/Oswald/static/Oswald-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ---- Literata (Text/Body) ------------------------------------------- */
@font-face {
  font-family: "Literata";
  src: url("/fonts/Literata/static/Literata-Regular.woff2") format("woff2");
  font-weight: 400; /* body default */
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Literata";
  src: url("/fonts/Literata/static/Literata-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Literata";
  src: url("/fonts/Literata/static/Literata-Medium.woff2") format("woff2");
  font-weight: 500; /* subheads/emphasis */
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Literata";
  src: url("/fonts/Literata/static/Literata-SemiBold.woff2") format("woff2");
  font-weight: 600; /* strong emphasis */
  font-style: normal;
  font-display: swap;
}

/* Optional: define shared CSS variables for easy reuse */
:root {
  --ff-heading: "Oswald", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --ff-body: "Literata", ui-serif, Georgia, "Times New Roman", serif;
}