/* Font faces. Families and stacks live in tokens.css (--font-statement, --font-serif, --font-sans). */

/* Spectral, Google Fonts, SIL Open Font License. Latin subset, static weights. */
@font-face {
  font-family: "Spectral";
  src: url("fonts/Spectral-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

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

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

/* Nanum Myeongjo, Google Fonts, SIL Open Font License. Latin subset only; add the Hangul subsets if Korean text ever appears. */
@font-face {
  font-family: "Nanum Myeongjo";
  src: url("fonts/NanumMyeongjo-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* The bold, for the headlines of case study layout F (Chyi's Figma, 8 Nov). Latin subset. */
@font-face {
  font-family: "Nanum Myeongjo";
  src: url("fonts/NanumMyeongjo-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Just Me Again Down Here, Google Fonts, SIL Open Font License. The handwritten labels under the nav icons and the
   book title on About (2 Nov). A stand-in: Chyi's own lettering replaces it once scanned. Latin subset. */
@font-face {
  font-family: "Just Me Again Down Here";
  src: url("fonts/JustMeAgainDownHere-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Special Elite, Google Fonts, SIL Open Font License. The typewriter face of the torn-paper labels on the Work page
   and the Play board (2 Nov). Latin subset. */
@font-face {
  font-family: "Special Elite";
  src: url("fonts/SpecialElite-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Host Grotesk, variable weight axis 300 to 800. Last web font in the sans stack. */
@font-face {
  font-family: "Host Grotesk";
  src: url("fonts/HostGrotesk-wght.woff2") format("woff2");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

/* Figtree, Google Fonts, SIL Open Font License. Latin subset, variable weight 300 to 900, roman and italic.
   The case studies' body since 11 Nov (Chyi's pick of three faces like Work Sans but narrower and rounder,
   lab/body/narrow.html). */
@font-face {
  font-family: "Figtree";
  src: url("fonts/Figtree-wght.woff2") format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Figtree";
  src: url("fonts/Figtree-Italic-wght.woff2") format("woff2");
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}

/* ------------------------------------------------------------------
   SLOT: Neue Swiss (Jen Wagner Co, paid licence)
   Not in the repo yet. When Chyi has the web licence:
   1. Put the woff2 files in site/fonts/ with these names.
   2. Uncomment the two blocks below and check the weights match the files.
   Until then "Neue Swiss" in --font-sans only matches a copy installed on the
   visitor's machine, and everyone else gets Helvetica Neue or Host Grotesk.
   ------------------------------------------------------------------ */
/*
@font-face {
  font-family: "Neue Swiss";
  src: url("fonts/NeueSwiss-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Neue Swiss";
  src: url("fonts/NeueSwiss-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
*/

/* A47's own faces, for the homepage demo on the A47 case study only (7 Nov): the demo is a picture of A47's
   product, so it speaks in A47's type, as its screenshots do. Inter and Fraunces, SIL Open Font License, the
   variable files A47's prototypes ship. Named apart so they never stand in for anything on the site; a browser
   only fetches them on the page that uses them. */
@font-face {
  font-family: "A47 Inter";
  src: url("fonts/a47/Inter.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "A47 Fraunces";
  src: url("fonts/a47/Fraunces.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}