/* Self-hosted fonts, same families as the source CodeStitch template (--headerFont / --bodyFont) */
@font-face {
	font-family: "Sora";
	src: url("../fonts/sora-v17-latin-regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Sora";
	src: url("../fonts/sora-v17-latin-700.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "DM Sans";
	src: url("../fonts/dm-sans-v17-latin-regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "DM Sans";
	src: url("../fonts/dm-sans-v17-latin-700.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
/* Dark theme is the only theme for this client (client-confirmed correction — not a toggle,
   the whole site is permanently dark). Body background/text set explicitly here since the
   source template only applied these conditionally via body.dark-mode; see main.css for the
   much larger pass that recolored every component's individual card/section backgrounds and
   dark-on-light text to match — a plain body-level flip alone would have left many card
   surfaces still light and clashing against the dark page. */
body {
	font-family: var(--bodyFont);
	color: var(--bodyTextColorMuted);
	font-size: var(--bodyFontSize);
	background-color: var(--dark);
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--headerFont);
	color: var(--bodyTextColorWhite);
}