/* ==========================================================================
   RentOS Microsite — Fonts
   --------------------------------------------------------------------------
   Source of truth: Figma "RentOS Microsite"
   file 763yuvTNplEp4kJc22OWSD, page node 123:6200.

   THREE families, each with a distinct job. Do not collapse them.

   1. Inter    — microsite chrome: headings, buttons, form fields, popups.
                 400 / 500 / 600 observed. Variable build, wght 100..900.
   2. Urbanist — the RentOS product UI shown inside the device mockups:
                 stat cards, leaderboard, chips, badges, labels.
                 400 / 600 / 700 observed. Variable build, wght 100..900.
                 measured @ 123:7481 (Store Performance card)
   3. Tomorrow — the display face. Hero H1 (80px desktop / 48px mobile), the
                 mobile-menu tagline, and product screen titles inside the
                 mockups. 500 Medium throughout. Static weight.
                 measured @ 123:6225, 123:7581, 123:8101, 123:7557

   All three are self-hosted, latin + latin-ext subsets.

   NOTE: a handful of text nodes in Figma carry stale family names on the
   container ("Rubik", "Early Sans Variable") with the visible child spans
   overridden to Inter. Those are leftovers in the design file, not a fourth
   family — do not add them here. Flag to the designer.

   OPEN: the library also defines a "Tomorrow/Section Title" text style whose
   weight has not been read yet. If it is not 500, that weight must be added
   here — a missing weight will be faux-synthesised by the browser.
   ========================================================================== */

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-latin.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
        U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
        U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-latin-ext.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
        U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
        U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
        U+A720-A7FF;
}

/* ------------------------------------------------------ Urbanist — product UI */
@font-face {
    font-family: 'Urbanist';
    src: url('../fonts/Urbanist/Urbanist-latin.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
        U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
        U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Urbanist';
    src: url('../fonts/Urbanist/Urbanist-latin-ext.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
        U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
        U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
        U+A720-A7FF;
}

/* -------------------------------------------- Tomorrow — product screen titles */
@font-face {
    font-family: 'Tomorrow';
    src: url('../fonts/Tomorrow/Tomorrow-Medium-latin.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
        U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
        U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Tomorrow';
    src: url('../fonts/Tomorrow/Tomorrow-Medium-latin-ext.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
        U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
        U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
        U+A720-A7FF;
}

/* --------------------------------------------------------------------------
   Family + weight utilities.
   Inter and Urbanist are variable families, so weight is a font-weight
   change, not a family swap. There is no separate @font-face per weight.
   -------------------------------------------------------------------------- */
.inter {
    font-family: var(--font);
}

.urbanist {
    font-family: var(--font-ui);
}

.tomorrow {
    font-family: var(--font-screen-title);
    font-weight: var(--fw-medium);
}

/* Weight utilities (.regular / .medium / .semibold / .bold) live in
   utility.css — they are family-agnostic. */