/* ============================================================
   FONTS — bundled faces
   ------------------------------------------------------------
   Liberation Serif is the editorial title face (same as the
   DeetsMusic app). Shipped locally so it renders the intended
   hinted font on every machine instead of a substitute.
   Liberation fonts © Red Hat, licensed under SIL OFL 1.1.
   See assets/fonts/NOTICE.txt.
   ============================================================ */

@font-face {
  font-family: "Liberation Serif";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/LiberationSerif-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Liberation Serif";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../assets/fonts/LiberationSerif-Bold.ttf") format("truetype");
}

/* ------------------------------------------------------------
   Skin fonts (all SIL OFL 1.1, bundled like Liberation above).
   Each pairs with a [data-skin] in skin.css:
     Press      → Anton (poster grotesque title) + IBM Plex Mono
                  (spec-sheet body).
     Ocean      → Cinzel (engraved caps title) + Spectral (serif body).
     Cyber → Orbitron (machined title) + Rajdhani (condensed body).
   ------------------------------------------------------------ */

/* Press — Anton (title). One weight only; --fw-title is 400 there. */
@font-face {
  font-family: "Anton";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/Anton-Regular.woff2") format("woff2");
}

/* Press — IBM Plex Mono (body). SemiBold, not Bold: at mono widths the
   bold face blocks up, and 600 already reads as emphasis. */
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/IBMPlexMono-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../assets/fonts/IBMPlexMono-SemiBold.woff2") format("woff2");
}

/* Ocean — Cinzel (engraved caps title) */
@font-face {
  font-family: "Cinzel";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../assets/fonts/Cinzel-SemiBold.woff2") format("woff2");
}

/* Ocean — Spectral (body) */
@font-face {
  font-family: "Spectral";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/Spectral-Regular.woff2") format("woff2");
}

/* Cyber — Orbitron (machined sci-fi title) */
@font-face {
  font-family: "Orbitron";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../assets/fonts/Orbitron-Bold.woff2") format("woff2");
}

/* Cyber — Rajdhani (condensed squared body; 500 is the body weight) */
@font-face {
  font-family: "Rajdhani";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../assets/fonts/Rajdhani-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Rajdhani";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../assets/fonts/Rajdhani-Bold.woff2") format("woff2");
}