/*
 * fonts.css — self-hosted faces.
 *
 * The Figma archive carries no font files, so the prototype pulled these from
 * Google Fonts as a stopgap (deviation D-8). Self-hosting closes that before
 * launch: no third-party request on every page load, no external dependency,
 * and no layout shift while a webfont arrives over someone else's network.
 *
 * DR-2 specifies Poppins in SemiBold, Medium and Regular. Bold is included
 * because the design uses 700 for the highlighted hero line and browse prices.
 *
 * The four support faces each appear in exactly one place in the Figma file
 * and are loaded only in the weights that place uses:
 *
 *   Montserrat Alternates 500  the Uloominate wordmark
 *   Playfair Display 400       footer tagline "Teach More. Share More."
 *   DM Sans 400/500/700        browse prices, rating counts, pagination
 *   Roboto 400                 Material text-field labels and helper text
 *
 * TO INSTALL: drop the .woff2 files into assets/fonts/ using the names below.
 * Until they are present the stack falls through to system fonts, which is
 * ugly but never blank — `font-display: swap` plus a real fallback in
 * tokens.css means text always renders.
 *
 * Subset to latin + latin-ext. Arabic script in the copy is rendered by the
 * system font deliberately: Poppins has no Arabic coverage, and substituting
 * a mismatched Arabic face looks worse than the platform default.
 */

/* ------------------------------------------------------------- Poppins -- */

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

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

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

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

/* ------------------------------------------- Montserrat Alternates -- */
/* Wordmark only. One weight, one use. */

@font-face {
	font-family: "Montserrat Alternates";
	src: url("../fonts/montserrat-alternates-medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

/* ------------------------------------------------- Playfair Display -- */
/* Footer tagline only. */

@font-face {
	font-family: "Playfair Display";
	src: url("../fonts/playfair-display-regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* --------------------------------------------------------- DM Sans -- */
/* Numerics on the browse page: prices, rating counts, pagination. */

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

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

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

/* ---------------------------------------------------------- Roboto -- */
/* Material text-field labels and supporting text. */

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