/* ── Web font declarations ────────────────────────
   Self-hosted Klim variable fonts.
   Loaded by every page before tokens.css.

   Typographic system — roman / italic split:

     ROMAN (structural frame — "where you are")
       Headings: Financier Display  var(--font-weight-heading) roman
                 380 light / 350 dark  (token in tokens.css)

     ITALIC (editorial voice — "someone chose this")
       Logo:     Financier Display  340 italic
       Editorial:Financier Display  350 italic  (Today's Articles, About hero)
       Sources:  Financier Text     400 italic
       Attribs:  Financier Text     380 italic
       Tagline:  Financier Text     380 italic

     SERIF ROMAN (editorial pull quotes)
       Quotes:   Financier Text     roman

     SANS (functional interface)
       Body:     Untitled Sans      var(--font-weight-body)
                 390 light / 400 dark  (token in tokens.css)
       UI/Nav:   Untitled Sans      480

     Tracking:   0.045em (serif headings)
   ──────────────────────────────────────────────── */

/* Financier Display — logo (italic), section headings (roman) */
@font-face {
    font-family: "Financier Display";
    src: url("/fonts/financier-display-vf-roman.woff2") format("woff2");
    font-weight: 300 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Financier Display";
    src: url("/fonts/financier-display-vf-italic.woff2") format("woff2");
    font-weight: 300 900;
    font-style: italic;
    font-display: swap;
}

/* Financier Text — source titles, attributions, quotes */
@font-face {
    font-family: "Financier Text";
    src: url("/fonts/financier-text-vf-roman.woff2") format("woff2");
    font-weight: 300 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Financier Text";
    src: url("/fonts/financier-text-vf-italic.woff2") format("woff2");
    font-weight: 300 900;
    font-style: italic;
    font-display: swap;
}

/* Untitled Sans — body text, UI elements */
@font-face {
    font-family: "Untitled Sans";
    src: url("/fonts/untitled-sans-vf-roman.woff2") format("woff2");
    font-weight: 300 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Untitled Sans";
    src: url("/fonts/untitled-sans-vf-italic.woff2") format("woff2");
    font-weight: 300 900;
    font-style: italic;
    font-display: swap;
}