/* THE WEBSITE THEMES' FACES, AND NOTHING ELSE MAY EVER GO IN THIS FILE.

   Linked by layouts/site beside the app's own `fonts` sheet (which declares
   Inter), and by the site settings form for its picker. Safe for the same
   reason that sheet is: an @font-face block declares no selector, so it
   cannot win a cascade fight it never enters. Any rule with a selector
   written here would be unlayered and beat every utility on every website —
   put it in the theme's own stylesheet, keyed on [data-site-theme].

   Every family ships as static 400 roman + 400 italic woff2 under
   app/assets/fonts, never a variable font: `font-synthesis: none` is
   app-wide, so a `wght` axis would make weights real again and a missing
   italic would render <em> upright (docs/frontend-gotchas.md#fonts-weight).
   Provenance and checksums are in app/assets/fonts/UPSTREAM.

   The files sit in app/assets/fonts/, which is its own Propshaft root, so
   their logical paths carry no `fonts/` prefix — and THIS sheet's logical
   path is `themes/fonts.css`, against whose directory Propshaft resolves a
   bare relative reference. A bare name therefore resolves to `themes/X`,
   matches nothing, is left as written and 404s at runtime with a green
   suite; `../X` is what lands on the root. test/models/photography/site/
   theme_test.rb compiles this sheet and checks every reference was
   digested. (Prose here avoids the CSS function name with its parentheses:
   the compiler scans comments too.) */

@font-face {
  font-family: "Instrument Serif";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/InstrumentSerif-Regular-5e24a7c0.woff2") format("woff2");
}

@font-face {
  font-family: "Instrument Serif";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/InstrumentSerif-Italic-21c8e959.woff2") format("woff2");
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/CormorantGaramond-Regular-9e10c643.woff2") format("woff2");
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/CormorantGaramond-Italic-0de1e730.woff2") format("woff2");
}

@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/DMSans-Regular-366e5f90.woff2") format("woff2");
}

@font-face {
  font-family: "DM Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/DMSans-Italic-45edfd73.woff2") format("woff2");
}

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

@font-face {
  font-family: "Lora";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/Lora-Italic-19967f87.woff2") format("woff2");
}

/* Italiana ships ONE face: the family has no italic, upstream or anywhere.
   It is a display face — the name and the titles, never prose — so there is
   no <em> for `font-synthesis: none` to render upright. Pair it with a body
   face that carries both (Lato does); the theme test enforces exactly that. */
@font-face {
  font-family: "Italiana";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/Italiana-Regular-cc5192c2.woff2") format("woff2");
}

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

@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/Lato-Italic-741e8123.woff2") format("woff2");
}

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

@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/Poppins-Italic-5f06827a.woff2") format("woff2");
}

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

@font-face {
  font-family: "Karla";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/Karla-Italic-94733e3c.woff2") format("woff2");
}

@font-face {
  font-family: "Space Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/SpaceMono-Regular-2fb0d22d.woff2") format("woff2");
}

@font-face {
  font-family: "Space Mono";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/SpaceMono-Italic-3e8583be.woff2") format("woff2");
}

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

@font-face {
  font-family: "Archivo";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/Archivo-Italic-ba4a9a9d.woff2") format("woff2");
}
