/* Typography for every page shell (public, sign-in, user area, admin): loaded from
   includes/_pwa_head.html.

   Two faces, each with one job:
     Inter              body text, tables, forms: drawn for screens, very legible small
     Plus Jakarta Sans  headings, balances, buttons: geometric and confident, gives big
                        figures and titles a modern product feel
   Both are self-hosted (static/vendor/fonts), so nothing is fetched from another site. */

@font-face {
    font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 500 800; font-display: swap;
    src: url(../vendor/fonts/jakarta-latin.woff2) format('woff2');
    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: 'Plus Jakarta Sans'; font-style: normal; font-weight: 500 800; font-display: swap;
    src: url(../vendor/fonts/jakarta-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
    --font-display: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Inter's screen alternates: a single-storey a is calmer at small sizes, and the open
   digits keep 3, 6, 8 and 9 apart in long amounts */
body {
    font-feature-settings: 'cv11' 1, 'ss01' 1, 'calt' 1;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* headings and titles */
h1, h2, h3, h4, h5, h6,
.ds-head h1, .page-head h1, .tw-page-head .ttl,
.ds-card-h h5, .card-x .card-h h5, .db-card .h h2,
.app-sheet h5, .tw-menu .who b, .sp-card h3, .sp-card .sp-name {
    font-family: var(--font-display);
    letter-spacing: -.02em;
}

/* big figures: balances and tiles. Tabular figures keep columns of numbers aligned and
   stop a ticking balance from jittering sideways */
.ds-hero .val, .tw-wbal .val, .db-hero .val, .ds-kpi .val, .kpi .val, .kpi-grid .val,
.tw-assets .v b, .db-row .r b, .app-sheet .bal b, .cn-price, .sd-amount, .sw-amount {
    font-family: var(--font-display);
    font-variant-numeric: tabular-nums;
    letter-spacing: -.025em;
}
.num, .tw-amt, .mono, td, .amt-in, .amt-out { font-variant-numeric: tabular-nums; }

/* buttons and tab labels read as one family with the headings */
.btn, .ds-btn, .app-tab .lb, .guest-tabbar .lb, .app-action, .mm-item b {
    font-family: var(--font-display);
    letter-spacing: -.005em;
}

/* small uppercase labels breathe a little more */
.ds-label, .side-label, .grp-t, .th-sw small, .fbox h6 { letter-spacing: .09em; }