/* ============================================================
   NASTASI FOODS — the three faces
   ------------------------------------------------------------
   Sergio's brief, 13 August 2026, colour-coded on a screenshot:

     BLUE   → Lenia Sans        the whole voice of the interface
     PURPLE → The Foriene       the emphasised words inside a headline
     YELLOW → GC Commune        headings, ticket buttons, prices, signs

   Caveat stays exactly as it was — "el tipo de tipografía de name it
   we'll find it sí debes mantenerla sin cambios" — so it is the one
   family still coming from Google. Everything else is self-hosted, which
   also retires the Fraunces 404 the console was throwing.

   LOAD ORDER: this sheet comes FIRST, before tokens.css. @font-face has no
   specificity and does not care, but a face has to be declared before the
   first paint that wants it or the swap is a visible reflow.

   Every face is `font-display: swap` on purpose. `optional` would be
   kinder to CLS, but half this page is scroll-choreography measured in JS
   at load (the marquees clone by measured width, the How-it-works arc is
   computed from the pinned height) — a face that never arrives on a slow
   connection would leave the layout measured against the fallback and the
   design against the real font. Swap keeps the two in step.
   ============================================================ */

/* ---------- LENIA SANS — body, interface, headlines, label strips ----------
   Ships as TTF only, so these are the raw .ttf files. That is ~530KB across
   six weights, which is worth converting to woff2 (≈40% of that) before this
   goes live — see the note in docs/HANDOFF.md. Only the weights the
   stylesheets actually ask for are declared; the in-between values the old
   VARIABLE fonts allowed (380, 420, 460, 480, 550, 650) now round to the
   nearest declared face, which is why 500 and 600 are both here. */
@font-face {
  font-family: "Lenia Sans";
  src: url("../fonts/LeniaSans-Regular.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Lenia Sans";
  src: url("../fonts/LeniaSans-Italic.ttf") format("truetype");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Lenia Sans";
  src: url("../fonts/LeniaSans-Medium.ttf") format("truetype");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Lenia Sans";
  src: url("../fonts/LeniaSans-SemiBold.ttf") format("truetype");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Lenia Sans";
  src: url("../fonts/LeniaSans-Bold.ttf") format("truetype");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Lenia Sans";
  src: url("../fonts/LeniaSans-ExtraBold.ttf") format("truetype");
  font-weight: 800; font-style: normal; font-display: swap;
}

/* ---------- GC COMMUNE — the display serif ----------
   One weight only, and no italic. Declared 400–700 so the headings that ask
   for 600 get the real face rather than a synthesised bold on top of an
   inktrap serif, which thickens exactly the traps the face is named for.
   Where the old Fraunces was set in italic (the ticket buttons), that italic
   is dropped rather than synthesised — see components.css. */
@font-face {
  font-family: "GC Commune";
  src: url("../fonts/GCCommune-Regular.woff2") format("woff2"),
       url("../fonts/GCCommune-Regular.otf") format("opentype");
  font-weight: 400 700; font-style: normal; font-display: swap;
}

/* ---------- THE FORIENE — the emphasised word ----------
   The purple marks on Sergio's screenshot are all the same thing: the <em>
   inside a headline. "Italian PRODUCTS", "a product WE DON'T STOCK?",
   "shop directly from OUR WAREHOUSE." It is an accent face, never a text
   face — it never sets a paragraph. */
@font-face {
  font-family: "The Foriene";
  src: url("../fonts/TheForiene-Regular.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "The Foriene";
  src: url("../fonts/TheForiene-Italic.woff2") format("woff2");
  font-weight: 400; font-style: italic; font-display: swap;
}