/* 🪩-3000 — THE mono of 🪩-style 3000, as one singular family name.
 *
 * One family, "🪩-3000", self-hosted from app/assets/fonts/🪩-3000/ (the TX-02 Berkeley Mono
 * variable + its static instances, name-tables normalized to this family). Loaded from 🪩.css
 * (@import) and the video layout. Use it through --font-mono / --v-mono, never by legacy names
 * (TX-02*, BerlinXMono*, berlinmono — all purged).
 *
 * Efficiency contract:
 *  - modern engines match the two VARIABLE faces (weight 100–900, oblique 0–16deg via slnt) —
 *    one ~160KB woff2 covers every variation;
 *  - engines without variable-font support fall through to the static instances below
 *    (declared first; same family, fixed weights), so nothing ever renders in a fallback mono;
 *  - width runs through font-stretch (wdth 60–100%), weight through font-weight, slant through
 *    font-style — plain CSS properties, no font-variation-settings needed at call sites.
 */

/* — static instances (fallback for non-variable engines; same singular family) — */
@font-face { font-family: "🪩-3000"; src: url("/assets/🪩-3000/thin-1739025e.woff2") format("woff2");   font-weight: 100; font-style: normal;  font-display: swap; }
@font-face { font-family: "🪩-3000"; src: url("/assets/🪩-3000/light-36e60588.woff2") format("woff2");  font-weight: 300; font-style: normal;  font-display: swap; }
@font-face { font-family: "🪩-3000"; src: url("/assets/🪩-3000/book-4348b900.woff2") format("woff2");   font-weight: 400; font-style: normal;  font-display: swap; }
@font-face { font-family: "🪩-3000"; src: url("/assets/🪩-3000/retina-2341fb55.woff2") format("woff2"); font-weight: 450; font-style: normal;  font-display: swap; }
@font-face { font-family: "🪩-3000"; src: url("/assets/🪩-3000/bold-dc67592d.woff2") format("woff2");   font-weight: 700; font-style: normal;  font-display: swap; }
@font-face { font-family: "🪩-3000"; src: url("/assets/🪩-3000/black-8f45d77b.woff2") format("woff2");  font-weight: 900; font-style: normal;  font-display: swap; }
@font-face { font-family: "🪩-3000"; src: url("/assets/🪩-3000/thin-oblique-ce761714.woff2") format("woff2");   font-weight: 100; font-style: oblique; font-display: swap; }
@font-face { font-family: "🪩-3000"; src: url("/assets/🪩-3000/light-oblique-a752065b.woff2") format("woff2");  font-weight: 300; font-style: oblique; font-display: swap; }
@font-face { font-family: "🪩-3000"; src: url("/assets/🪩-3000/book-oblique-10e2df75.woff2") format("woff2");   font-weight: 400; font-style: oblique; font-display: swap; }
@font-face { font-family: "🪩-3000"; src: url("/assets/🪩-3000/retina-oblique-87d2965d.woff2") format("woff2"); font-weight: 450; font-style: oblique; font-display: swap; }
@font-face { font-family: "🪩-3000"; src: url("/assets/🪩-3000/bold-oblique-2fefe17c.woff2") format("woff2");   font-weight: 700; font-style: oblique; font-display: swap; }
@font-face { font-family: "🪩-3000"; src: url("/assets/🪩-3000/black-oblique-00cb4d43.woff2") format("woff2");  font-weight: 900; font-style: oblique; font-display: swap; }

/* — the variable font (wght 100–900 · wdth 60–100 · slnt 0…-16) — declared LAST so capable
     engines prefer it over every static above — */
@font-face {
   font-family: "🪩-3000";
   src: url("/assets/🪩-3000/variable-32fb1ab9.woff2") format("woff2-variations"),
        url("/assets/🪩-3000/variable-32fb1ab9.woff2") format("woff2");
   font-weight: 100 900;
   font-stretch: 60% 100%;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: "🪩-3000";
   src: url("/assets/🪩-3000/variable-32fb1ab9.woff2") format("woff2-variations"),
        url("/assets/🪩-3000/variable-32fb1ab9.woff2") format("woff2");
   font-weight: 100 900;
   font-stretch: 60% 100%;
   font-style: oblique;
   font-display: swap;
}

/* — the major variations, named (use with class or composes; all stay inside the one family) — */
:root {
   --mono-3000: "🪩-3000", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
}

.mono-3000            { font-family: var(--mono-3000); font-variant-numeric: tabular-nums slashed-zero; }
.mono-3000.is-thin    { font-weight: 100; }
.mono-3000.is-light   { font-weight: 300; }
.mono-3000.is-book    { font-weight: 400; }
.mono-3000.is-retina  { font-weight: 450; }   /* the classic terminal weight */
.mono-3000.is-bold    { font-weight: 700; }
.mono-3000.is-black   { font-weight: 900; }
.mono-3000.is-oblique { font-style: oblique; }
.mono-3000.is-condensed      { font-stretch: 80%; }
.mono-3000.is-ultracondensed { font-stretch: 60%; }