/* Loey — fonts.css
 *
 * The customer-facing type set, in ONE file because it now has TWO documents
 * that need it (#284, 17 Aug 2026). It used to live in styles.css, which only
 * app.html loads. Then text on video landed: the encoder composites type in
 * offscreen.html, and canvas type draws a FALLBACK face unless the document
 * that owns the canvas has the @font-face rules — so an mp4 would have come
 * out in the wrong typeface while the preview looked right, which is the exact
 * failure the one-renderer rule exists to prevent.
 *
 * A copy in each document would have been two places to add the eighth family
 * to, and the way you find out they disagree is a customer's finished mp4. So
 * the block MOVED here and both documents link it. Söhne stays in styles.css:
 * it is Loey's own interface face, not part of the picker, and the encoder has
 * no use for it.
 */

/* ─── The Edits type set (Mark, 1 August 2026) ───────────────────────────
   "the fonts that we choose are going to be a few Google fonts plus the
   custom upload. our brand fonts we will have the license for, sohne, will
   not be part of the list."

   Seven Google families, latin subsets, ~520KB for all twenty-six cuts. Every
   one is SIL OFL, which permits BOTH bundling the binary here AND embedding
   it in the mp4 a designer exports — the two grants that make a customer-
   facing font picker possible at all. Each family's licence text ships beside
   its files in fonts/OFL-<family>.txt.

   The families are named "Loey <Family>", NOT "<Family>". That prefix is
   deliberate and load-bearing: if the stack said "Inter" and a designer had a
   different cut of Inter installed locally, their machine would quietly win
   and the Edit would render one way on their screen and another way in the
   export and on Molly's laptop. Naming our own copies means the file we ship
   is the file that draws, everywhere.

   font-display:block, not swap: a caption that renders in a fallback face for
   200ms then jumps is a flicker on the artboard, and in an export it would be
   a wrong frame committed to video. Blocking is correct when the text IS the
   content.

   Söhne above stays Loey's own interface face — our licence, our chrome. It is
   not in the picker, and putting it there would be handing out a font we pay
   for. Different thing entirely. */
@font-face{font-family:"Loey Inter";font-style:normal;font-weight:300;font-display:block;
  src:url("fonts/inter-latin-300-normal.woff2") format("woff2")}
@font-face{font-family:"Loey Inter";font-style:normal;font-weight:400;font-display:block;
  src:url("fonts/inter-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Loey Inter";font-style:normal;font-weight:500;font-display:block;
  src:url("fonts/inter-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Loey Inter";font-style:normal;font-weight:600;font-display:block;
  src:url("fonts/inter-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Loey Inter";font-style:normal;font-weight:700;font-display:block;
  src:url("fonts/inter-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Loey Space Grotesk";font-style:normal;font-weight:300;font-display:block;
  src:url("fonts/space-grotesk-latin-300-normal.woff2") format("woff2")}
@font-face{font-family:"Loey Space Grotesk";font-style:normal;font-weight:400;font-display:block;
  src:url("fonts/space-grotesk-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Loey Space Grotesk";font-style:normal;font-weight:500;font-display:block;
  src:url("fonts/space-grotesk-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Loey Space Grotesk";font-style:normal;font-weight:600;font-display:block;
  src:url("fonts/space-grotesk-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Loey Space Grotesk";font-style:normal;font-weight:700;font-display:block;
  src:url("fonts/space-grotesk-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Loey Instrument Serif";font-style:normal;font-weight:400;font-display:block;
  src:url("fonts/instrument-serif-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Loey Fraunces";font-style:normal;font-weight:300;font-display:block;
  src:url("fonts/fraunces-latin-300-normal.woff2") format("woff2")}
@font-face{font-family:"Loey Fraunces";font-style:normal;font-weight:400;font-display:block;
  src:url("fonts/fraunces-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Loey Fraunces";font-style:normal;font-weight:500;font-display:block;
  src:url("fonts/fraunces-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Loey Fraunces";font-style:normal;font-weight:600;font-display:block;
  src:url("fonts/fraunces-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Loey Fraunces";font-style:normal;font-weight:700;font-display:block;
  src:url("fonts/fraunces-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Loey Playfair Display";font-style:normal;font-weight:400;font-display:block;
  src:url("fonts/playfair-display-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Loey Playfair Display";font-style:normal;font-weight:500;font-display:block;
  src:url("fonts/playfair-display-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Loey Playfair Display";font-style:normal;font-weight:600;font-display:block;
  src:url("fonts/playfair-display-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Loey Playfair Display";font-style:normal;font-weight:700;font-display:block;
  src:url("fonts/playfair-display-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Loey Archivo Narrow";font-style:normal;font-weight:400;font-display:block;
  src:url("fonts/archivo-narrow-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Loey Archivo Narrow";font-style:normal;font-weight:500;font-display:block;
  src:url("fonts/archivo-narrow-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Loey Archivo Narrow";font-style:normal;font-weight:600;font-display:block;
  src:url("fonts/archivo-narrow-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Loey Archivo Narrow";font-style:normal;font-weight:700;font-display:block;
  src:url("fonts/archivo-narrow-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Loey Space Mono";font-style:normal;font-weight:400;font-display:block;
  src:url("fonts/space-mono-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Loey Space Mono";font-style:normal;font-weight:700;font-display:block;
  src:url("fonts/space-mono-latin-700-normal.woff2") format("woff2")}