/*
 * "Field Guide" type system for the zones (D-05, SITE-00). GENERATED by
 * `npm run icons -w packages/ui` (packages/ui/icons/shared-fonts.ts): do not edit.
 *
 * Served at /_shared/fonts/ (immutable, so every file name carries a content
 * hash). The site loads the same files through next/font/local. Latin woff2
 * from fontsource 5.3.0, SIL Open Font License (licenses/). The "Fallback"
 * faces copy the metric overrides next/font generated for these files, so
 * text shows at once and nothing shifts when the real face arrives.
 *
 * Preload only the Interface and upright Reading faces:
 *   <link rel="preload" href="/_shared/fonts/source-sans-3-latin-wght-normal.7a19a702.woff2" as="font" type="font/woff2" crossorigin>
 *   <link rel="preload" href="/_shared/fonts/literata-latin-wght-normal.9adbeac5.woff2" as="font" type="font/woff2" crossorigin>
 */

/* Interface: UI, forms, tables, numbers (tabular-nums). */
@font-face {
    font-family: "Source Sans 3";
    src: url("./source-sans-3-latin-wght-normal.7a19a702.woff2") format("woff2");
    font-weight: 200 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Source Sans 3 Fallback";
    src: local("Arial");
    ascent-override: 114.52%;
    descent-override: 44.74%;
    line-gap-override: 0%;
    size-adjust: 89.41%;
}

/* Display and reading: headings (semibold), body, summaries. Weight axis only. */
@font-face {
    font-family: "Literata";
    src: url("./literata-latin-wght-normal.9adbeac5.woff2") format("woff2");
    font-weight: 200 900;
    font-style: normal;
    font-display: swap;
}
/* Italic: fetched only when italic serif text is on the page. */
@font-face {
    font-family: "Literata";
    src: url("./literata-latin-wght-italic.ab198d66.woff2") format("woff2");
    font-weight: 200 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Literata Fallback";
    src: local("Times New Roman");
    ascent-override: 99.69%;
    descent-override: 26.09%;
    line-gap-override: 0%;
    size-adjust: 118.07%;
}

/* Signage: eyebrows, nav and tab labels, badges. One weight. */
@font-face {
    font-family: "Barlow Condensed";
    src: url("./barlow-condensed-latin-600-normal.215a93c6.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Barlow Condensed Fallback";
    src: local("Arial");
    ascent-override: 123.84%;
    descent-override: 24.77%;
    line-gap-override: 0%;
    size-adjust: 80.75%;
}

/* Easier-to-read letters (visitor setting). Only referenced under
   html[data-letters="easier"], so it downloads only when that is on. */
@font-face {
    font-family: "Atkinson Hyperlegible Next";
    src: url("./atkinson-hyperlegible-next-latin-400-normal.5cb240a4.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Atkinson Hyperlegible Next";
    src: url("./atkinson-hyperlegible-next-latin-700-normal.0dbe07ed.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Atkinson Hyperlegible Next Fallback";
    src: local("Arial");
    ascent-override: 99.04%;
    descent-override: 31.8%;
    line-gap-override: 0%;
    size-adjust: 99.36%;
}

/* Logo artwork only (BrandMark wordmark). Never for text. */
@font-face {
    font-family: "Anton";
    src: url("./anton-latin-400-normal.d0fa07ff.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Material Symbols subset (D-14). Icons render by code point (icons.json). */
@font-face {
    font-family: "Material Symbols Outlined";
    src: url("./icons.8418fae5.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

:root {
    --font-sans: "Source Sans 3", "Source Sans 3 Fallback", system-ui, sans-serif;
    --font-serif: "Literata", "Literata Fallback", Georgia, serif;
    --font-sign: "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
    --font-anton: "Anton", sans-serif;
}

html[data-letters="easier"] {
    --font-sans: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible Next Fallback", system-ui, sans-serif;
    --font-serif: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible Next Fallback", system-ui, sans-serif;
}