/* Languages with Liam — webfont loader.
   ----------------------------------------------------------------------------
   Canonical four-font system — locked. ALL self-hosted, no CDN dependency.

     Fraunces  → display + theme + Atelier   (variable: opsz + wght + SOFT + WONK)
     Inter     → body, every surface          (variable: opsz + wght)
     Spectral  → display, lesson chrome only  (9 weights × 2 styles, static)
     Cinzel    → overline, lesson chrome only (variable: wght 400..900)
*/


/* ──────────────────────────── Fraunces ──────────────────────────── */
@font-face {
	font-family: "Fraunces";
	src: url("./Fraunces-VariableFont_SOFT_WONK_opsz_wght.ttf") format("truetype-variations"),
	     url("./Fraunces-VariableFont_SOFT_WONK_opsz_wght.ttf") format("truetype");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Fraunces";
	src: url("./Fraunces-Italic-VariableFont_SOFT_WONK_opsz_wght.ttf") format("truetype-variations"),
	     url("./Fraunces-Italic-VariableFont_SOFT_WONK_opsz_wght.ttf") format("truetype");
	font-weight: 100 900;
	font-style: italic;
	font-display: swap;
}


/* ────────────────────────────── Inter ────────────────────────────── */
@font-face {
	font-family: "Inter";
	src: url("./Inter-VariableFont_opsz_wght.ttf") format("truetype-variations"),
	     url("./Inter-VariableFont_opsz_wght.ttf") format("truetype");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Inter";
	src: url("./Inter-Italic-VariableFont_opsz_wght.ttf") format("truetype-variations"),
	     url("./Inter-Italic-VariableFont_opsz_wght.ttf") format("truetype");
	font-weight: 100 900;
	font-style: italic;
	font-display: swap;
}


/* ───────────────────────────── Spectral ──────────────────────────── */
/* Static family — 9 weights × 2 styles. */
@font-face { font-family: "Spectral"; src: url("./Spectral-ExtraLight.ttf")        format("truetype"); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: "Spectral"; src: url("./Spectral-ExtraLightItalic.ttf")  format("truetype"); font-weight: 200; font-style: italic; font-display: swap; }
@font-face { font-family: "Spectral"; src: url("./Spectral-Light.ttf")             format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Spectral"; src: url("./Spectral-LightItalic.ttf")       format("truetype"); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: "Spectral"; src: url("./Spectral-Regular.ttf")           format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Spectral"; src: url("./Spectral-Italic.ttf")            format("truetype"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Spectral"; src: url("./Spectral-Medium.ttf")            format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Spectral"; src: url("./Spectral-MediumItalic.ttf")      format("truetype"); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: "Spectral"; src: url("./Spectral-SemiBold.ttf")          format("truetype"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Spectral"; src: url("./Spectral-SemiBoldItalic.ttf")    format("truetype"); font-weight: 600; font-style: italic; font-display: swap; }
@font-face { font-family: "Spectral"; src: url("./Spectral-Bold.ttf")              format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Spectral"; src: url("./Spectral-BoldItalic.ttf")        format("truetype"); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: "Spectral"; src: url("./Spectral-ExtraBold.ttf")         format("truetype"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Spectral"; src: url("./Spectral-ExtraBoldItalic.ttf")   format("truetype"); font-weight: 800; font-style: italic; font-display: swap; }


/* ────────────────────────────── Cinzel ───────────────────────────── */
@font-face {
	font-family: "Cinzel";
	src: url("./Cinzel-VariableFont_wght.ttf") format("truetype-variations"),
	     url("./Cinzel-VariableFont_wght.ttf") format("truetype");
	font-weight: 400 900;
	font-style: normal;
	font-display: swap;
}