/* ═════════════════════════════════════════════════════════════════════
   Yotta — Universal Font Remap (site-wide typographic standardization)

   Each scraped PeachWorlds/Framer page shipped its own type families
   (kantumruypro, DMSans, rooberttrial, laygrotesk, aeonik, Outfit, Syne…),
   which is the single biggest reason pages "felt different". Rather than
   rewrite every scraped element's CSS, we REDEFINE each of those family
   NAMES here to resolve to one canonical, self-hosted trio:

     • Sans / display / body  → Neue Haas Display  (light / roman / mediu / bold)
     • Italic editorial accent → Instrument Serif   (italic / regular)
     • Mono labels / eyebrows  → Roboto Mono         (regular / medium / semibold / bold)

   Each @font-face uses `font-weight: 100 900` so the name resolves to the
   canonical file no matter which weight a page asks for, and `font-display:
   swap` so text never goes invisible. This file MUST load LAST (it is linked
   immediately before </head> on every page) so its faces win the @font-face
   cascade over the page's own definitions. Fully reversible: delete this file
   + its <link> tags to restore the original per-page fonts.
   ═════════════════════════════════════════════════════════════════════ */

/* ──────────────── SANS → Neue Haas Display ──────────────── */

/* light weight family names */
@font-face { font-family: "neuehaasdisplaylight";    src: url("/shared/fonts/neuehaasdisplaylight.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "kantumruypro-light";      src: url("/shared/fonts/neuehaasdisplaylight.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "almarenadisplaylight";    src: url("/shared/fonts/neuehaasdisplaylight.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "rooberttrial-light";      src: url("/shared/fonts/neuehaasdisplaylight.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "helveticaneueltstd-ltex"; src: url("/shared/fonts/neuehaasdisplaylight.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "DMSans-Light";            src: url("/shared/fonts/neuehaasdisplaylight.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "Outfit-Thin";             src: url("/shared/fonts/neuehaasdisplaylight.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "Outfit-Light";            src: url("/shared/fonts/neuehaasdisplaylight.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "gluten-thin";             src: url("/shared/fonts/neuehaasdisplaylight.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "slack-light";             src: url("/shared/fonts/neuehaasdisplaylight.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }

/* regular / roman weight family names */
@font-face { font-family: "neuehaasdisplayroman";       src: url("/shared/fonts/neuehaasdisplayroman.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "kantumruypro-regular";       src: url("/shared/fonts/neuehaasdisplayroman.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "laygrotesk-regular";         src: url("/shared/fonts/neuehaasdisplayroman.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "helveticanowdisplay-regular";src: url("/shared/fonts/neuehaasdisplayroman.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "rooberttrial-regular";       src: url("/shared/fonts/neuehaasdisplayroman.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "aeonik-regular";             src: url("/shared/fonts/neuehaasdisplayroman.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "DMSans-Regular";             src: url("/shared/fonts/neuehaasdisplayroman.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "Outfit-Regular";             src: url("/shared/fonts/neuehaasdisplayroman.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "Syne-Regular";               src: url("/shared/fonts/neuehaasdisplayroman.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "sixtyfour-regular-variablefont-bled-scan"; src: url("/shared/fonts/neuehaasdisplayroman.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
/* Inter is used as UI/fallback across pages — map its weight bands to Neue Haas
   so weight hierarchy (light/regular/medium/bold) is preserved, not flattened. */
@font-face { font-family: "Inter"; src: url("/shared/fonts/neuehaasdisplaylight.ttf") format("truetype"); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/shared/fonts/neuehaasdisplaylight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/shared/fonts/neuehaasdisplaylight.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/shared/fonts/neuehaasdisplayroman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/shared/fonts/neuehaasdisplaymediu.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/shared/fonts/neuehaasdisplaymediu.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/shared/fonts/neuehaasdisplaybold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/shared/fonts/neuehaasdisplaybold.ttf") format("truetype"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/shared/fonts/neuehaasdisplaybold.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; }

/* medium weight family names */
@font-face { font-family: "neuehaasdisplaymediu";    src: url("/shared/fonts/neuehaasdisplaymediu.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "abcdiatype-medium-trial"; src: url("/shared/fonts/neuehaasdisplaymediu.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "rooberttrial-medium";     src: url("/shared/fonts/neuehaasdisplaymediu.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "aeonik-medium";           src: url("/shared/fonts/neuehaasdisplaymediu.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "DMSans-Medium";           src: url("/shared/fonts/neuehaasdisplaymediu.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "Outfit-Medium";           src: url("/shared/fonts/neuehaasdisplaymediu.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "Outfit-SemiBold";         src: url("/shared/fonts/neuehaasdisplaymediu.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "Syne-Medium";             src: url("/shared/fonts/neuehaasdisplaymediu.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "Syne-SemiBold";           src: url("/shared/fonts/neuehaasdisplaymediu.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }

/* bold weight family names */
@font-face { font-family: "neuehaasdisplaybold"; src: url("/shared/fonts/neuehaasdisplaybold.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "aeonik-semibold";     src: url("/shared/fonts/neuehaasdisplaybold.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "manrope-bold";        src: url("/shared/fonts/neuehaasdisplaybold.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "DMSans-Black";        src: url("/shared/fonts/neuehaasdisplaybold.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "DMSans-ExtraBold";    src: url("/shared/fonts/neuehaasdisplaybold.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "Outfit-Bold";         src: url("/shared/fonts/neuehaasdisplaybold.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "Outfit-ExtraBold";    src: url("/shared/fonts/neuehaasdisplaybold.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "Syne-Bold";           src: url("/shared/fonts/neuehaasdisplaybold.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "Syne-ExtraBold";      src: url("/shared/fonts/neuehaasdisplaybold.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "gluten-bold";         src: url("/shared/fonts/neuehaasdisplaybold.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "schabo-xcondensed";   src: url("/shared/fonts/neuehaasdisplaybold.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "schabo-condensed";    src: url("/shared/fonts/neuehaasdisplaybold.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }

/* Almarena is the common *fallback* in scraped font stacks ("…", "Almarena",
   sans-serif). Define it here so that whatever falls through to it still lands
   on Neue Haas — and an @font-face also overrides any locally-installed Almarena
   on a designer's machine, keeping dev + production identical. */
@font-face { font-family: "Almarena";               src: url("/shared/fonts/neuehaasdisplayroman.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "Almarena Display Light";  src: url("/shared/fonts/neuehaasdisplaylight.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }

/* ──────────────── ITALIC EDITORIAL ACCENT → Instrument Serif ──────────────── */
@font-face { font-family: "instrumentserif-italic";          src: url("/shared/fonts/instrumentserif-italic.ttf")  format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "instrumentserif-regular";         src: url("/shared/fonts/instrumentserif-regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "cotford-display-light-italic";    src: url("/shared/fonts/instrumentserif-italic.ttf")  format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "fontspring-demo-juana-lightit";   src: url("/shared/fonts/instrumentserif-italic.ttf")  format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "kantumruypro-italic";             src: url("/shared/fonts/instrumentserif-italic.ttf")  format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "kantumruypro-lightitalic";        src: url("/shared/fonts/instrumentserif-italic.ttf")  format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "DMSans-Italic";                   src: url("/shared/fonts/instrumentserif-italic.ttf")  format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "DMSans-LightItalic";              src: url("/shared/fonts/instrumentserif-italic.ttf")  format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "DMSans-ThinItalic";               src: url("/shared/fonts/instrumentserif-italic.ttf")  format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }

/* ──────────────── MONO LABELS → Roboto Mono ──────────────── */
@font-face { font-family: "robotomono-regular";          src: url("/shared/fonts/robotomono-regular.woff")  format("woff");     font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "robotomono-medium";           src: url("/shared/fonts/robotomono-medium.ttf")    format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "robotomono-semibold";         src: url("/shared/fonts/robotomono-semibold.ttf")  format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "robotomono-bold";             src: url("/shared/fonts/robotomono-bold.ttf")      format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "geistmono-regular";           src: url("/shared/fonts/robotomono-regular.woff")  format("woff");     font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "geistmono-bold";              src: url("/shared/fonts/robotomono-bold.ttf")      format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "abcdiatypemono-regular-trial";src: url("/shared/fonts/robotomono-regular.woff")  format("woff");     font-weight: normal; font-style: normal; font-display: swap; }