/* ============================================================================
   Outfitter — self-hosted fonts (_fontface.css)
   Generated for Phase 2. Latin subset, woff2, font-display: swap.
   Source: Google Fonts CSS2 (self-hosted for performance + EU privacy).

   Per-demo skin families. The three DEFAULT-skin (Blackwater hunting) families
   — Cinzel, Cormorant Garamond, JetBrains Mono — are registered in theme.json
   so the editor and front end self-host them once; declaring them again here
   would duplicate the @font-face rules. The previous default families
   (Oswald, Bitter, IBM Plex Mono) were displaced from theme.json by Phase 8 and
   are declared HERE so the other three demo skins — and the shared IBM Plex Mono
   "mono" bone used by those skins — keep self-hosting.
   ============================================================================ */

@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./archivo-400.woff2") format("woff2");
}

@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./archivo-500.woff2") format("woff2");
}

@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./archivo-600.woff2") format("woff2");
}

@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./archivo-700.woff2") format("woff2");
}

@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("./archivo-800.woff2") format("woff2");
}

@font-face {
  font-family: "Archivo Black";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./archivo-black-400.woff2") format("woff2");
}

@font-face {
  font-family: "EB Garamond";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("./eb-garamond-400-italic.woff2") format("woff2");
}

@font-face {
  font-family: "EB Garamond";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./eb-garamond-400.woff2") format("woff2");
}

@font-face {
  font-family: "EB Garamond";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./eb-garamond-500.woff2") format("woff2");
}

@font-face {
  font-family: "EB Garamond";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./eb-garamond-600.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./ibm-plex-sans-400.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./ibm-plex-sans-500.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./ibm-plex-sans-600.woff2") format("woff2");
}

@font-face {
  font-family: "Spectral";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("./spectral-400-italic.woff2") format("woff2");
}

@font-face {
  font-family: "Spectral";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./spectral-400.woff2") format("woff2");
}

@font-face {
  font-family: "Spectral";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./spectral-500.woff2") format("woff2");
}

@font-face {
  font-family: "Spectral";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./spectral-600.woff2") format("woff2");
}

@font-face {
  font-family: "Staatliches";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./staatliches-400.woff2") format("woff2");
}

@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./work-sans-400.woff2") format("woff2");
}

@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./work-sans-500.woff2") format("woff2");
}

@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./work-sans-600.woff2") format("woff2");
}

@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./work-sans-700.woff2") format("woff2");
}

/* ---- Displaced default families (were in theme.json pre-Phase-8) ----------
   Kept self-hosted here for the other three demo skins + the shared mono bone. */

@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("./oswald-300.woff2") format("woff2");
}

@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./oswald-400.woff2") format("woff2");
}

@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./oswald-500.woff2") format("woff2");
}

@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./oswald-600.woff2") format("woff2");
}

@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./oswald-700.woff2") format("woff2");
}

@font-face {
  font-family: "Bitter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./bitter-400.woff2") format("woff2");
}

@font-face {
  font-family: "Bitter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./bitter-500.woff2") format("woff2");
}

@font-face {
  font-family: "Bitter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./bitter-600.woff2") format("woff2");
}

@font-face {
  font-family: "Bitter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./bitter-700.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./ibm-plex-mono-400.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./ibm-plex-mono-500.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./ibm-plex-mono-600.woff2") format("woff2");
}


/* ---- Fishing skin: Bodoni Moda (display) + Saira Condensed (labels) ---- */
@font-face {
	font-family: "Bodoni Moda";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url("./bodoni-moda-400-italic.woff2") format("woff2");
}
@font-face {
	font-family: "Bodoni Moda";
	font-style: italic;
	font-weight: 500;
	font-display: swap;
	src: url("./bodoni-moda-500-italic.woff2") format("woff2");
}
@font-face {
	font-family: "Bodoni Moda";
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	src: url("./bodoni-moda-600-italic.woff2") format("woff2");
}
@font-face {
	font-family: "Bodoni Moda";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("./bodoni-moda-400.woff2") format("woff2");
}
@font-face {
	font-family: "Bodoni Moda";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("./bodoni-moda-500.woff2") format("woff2");
}
@font-face {
	font-family: "Bodoni Moda";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("./bodoni-moda-600.woff2") format("woff2");
}
@font-face {
	font-family: "Bodoni Moda";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("./bodoni-moda-700.woff2") format("woff2");
}
@font-face {
	font-family: "Saira Condensed";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url("./saira-condensed-300.woff2") format("woff2");
}
@font-face {
	font-family: "Saira Condensed";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("./saira-condensed-400.woff2") format("woff2");
}
@font-face {
	font-family: "Saira Condensed";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("./saira-condensed-500.woff2") format("woff2");
}
@font-face {
	font-family: "Saira Condensed";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("./saira-condensed-600.woff2") format("woff2");
}
@font-face {
	font-family: "Saira Condensed";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("./saira-condensed-700.woff2") format("woff2");
}

/* ===== Demo 03 — Experiences skin: Zilla Slab (display) + Hanken Grotesk (body) ===== */
@font-face {
	font-family: "Zilla Slab";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url("./zilla-slab-400-italic.woff2") format("woff2");
}
@font-face {
	font-family: "Zilla Slab";
	font-style: italic;
	font-weight: 500;
	font-display: swap;
	src: url("./zilla-slab-500-italic.woff2") format("woff2");
}
@font-face {
	font-family: "Zilla Slab";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("./zilla-slab-400.woff2") format("woff2");
}
@font-face {
	font-family: "Zilla Slab";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("./zilla-slab-500.woff2") format("woff2");
}
@font-face {
	font-family: "Zilla Slab";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("./zilla-slab-600.woff2") format("woff2");
}
@font-face {
	font-family: "Zilla Slab";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("./zilla-slab-700.woff2") format("woff2");
}
@font-face {
	font-family: "Hanken Grotesk";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("./hanken-grotesk-400.woff2") format("woff2");
}
@font-face {
	font-family: "Hanken Grotesk";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("./hanken-grotesk-500.woff2") format("woff2");
}
@font-face {
	font-family: "Hanken Grotesk";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("./hanken-grotesk-600.woff2") format("woff2");
}
@font-face {
	font-family: "Hanken Grotesk";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("./hanken-grotesk-700.woff2") format("woff2");
}
@font-face {
	font-family: "Hanken Grotesk";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("./hanken-grotesk-800.woff2") format("woff2");
}

/* ===== Demo 04 — Ecommerce skin: Big Shoulders Display (display) + Spline Sans Mono (mono) ===== */
@font-face {
	font-family: "Big Shoulders Display";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("./big-shoulders-display-500.woff2") format("woff2");
}
@font-face {
	font-family: "Big Shoulders Display";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("./big-shoulders-display-600.woff2") format("woff2");
}
@font-face {
	font-family: "Big Shoulders Display";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("./big-shoulders-display-700.woff2") format("woff2");
}
@font-face {
	font-family: "Big Shoulders Display";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("./big-shoulders-display-800.woff2") format("woff2");
}
@font-face {
	font-family: "Big Shoulders Display";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("./big-shoulders-display-900.woff2") format("woff2");
}
@font-face {
	font-family: "Spline Sans Mono";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("./spline-sans-mono-400.woff2") format("woff2");
}
@font-face {
	font-family: "Spline Sans Mono";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("./spline-sans-mono-500.woff2") format("woff2");
}
@font-face {
	font-family: "Spline Sans Mono";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("./spline-sans-mono-600.woff2") format("woff2");
}