/* ==========================================================================
   Al-Azhar Academy — fonts.css
   Self-hosted webfonts. Loaded first so the browser can start fetching faces
   while theme.css is still being parsed. Nothing here but @font-face rules.

   Five families, each with one job (see fonts/FONTS.txt in the design bundle):

     Story Script     headings — ships slanted, which is how it was designed
     Yellowtail       footer headings only
     DynaPuff         sub-headings, card titles, numerals, buttons
     Original Surfer  the wordmark, eyebrows and small tracked labels
     Benne            body copy, and everything long

   All five are Google Fonts under the SIL Open Font License 1.1; the licence
   text ships beside them in /assets/fonts/. Files are cached for a year as
   immutable (see public/_headers), so no external font host is contacted and
   there is no third-party request to disclose or block.

   `font-display: swap` means text paints immediately in the fallback and
   re-renders when the face arrives, so a slow connection never shows blank
   headings.
   ========================================================================== */

/* Google's Latin subset range, reused for the two woff2 faces we pulled from
   the Google Fonts CDN. Without it a curly quote or an en dash would be
   looked for in the file and then fall back a glyph at a time. */
@font-face {
	font-family: 'Story Script';
	src: url('/assets/fonts/StoryScript-Regular.woff2') format('woff2');
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308,
		U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Yellowtail';
	src: url('/assets/fonts/Yellowtail-Regular.woff2') format('woff2');
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308,
		U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* DynaPuff is a variable font by design; these are the two static weights the
   type scale actually asks for (400 body-ish labels, 600 headings). */
@font-face {
	font-family: 'DynaPuff';
	src: url('/assets/fonts/DynaPuff-Regular.ttf') format('truetype');
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'DynaPuff';
	src: url('/assets/fonts/DynaPuff-SemiBold.ttf') format('truetype');
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}

@font-face {
	font-family: 'Original Surfer';
	src: url('/assets/fonts/OriginalSurfer-Regular.ttf') format('truetype');
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

/* Benne ships a single weight. Browsers synthesise bold from it, which is
   acceptable for a serif used at body size; nothing is styled heavier than
   600 with it. */
@font-face {
	font-family: 'Benne';
	src: url('/assets/fonts/Benne-Regular.ttf') format('truetype');
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}