/* ============================================
   barrievotes.ca — typography stack

   Deliberately running on the system stack for now. It costs zero bytes,
   renders instantly on the phones most of this traffic will arrive on, and
   sidesteps a webfont licensing decision that does not need making today.

   To adopt a self-hosted face later: add the @font-face blocks below, put the
   woff2 files in /assets/woff2/, and add matching <link rel="preload"> tags in
   includes/page.php. Nothing else needs to change — the rest of the CSS only
   ever refers to --font-text and --font-num.

   --font-num must have TABULAR figures. Data tables where digits do not line
   up vertically are meaningfully harder to scan, and this site is going to be
   mostly tables.
   ============================================ */

:root {
    --font-text: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                 "Helvetica Neue", Arial, "Noto Sans", sans-serif;

    --font-num:  ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
                 "Liberation Mono", monospace;
}

/* Tabular, lining figures anywhere numbers need to line up. */
.num,
table.data td,
table.data th,
.stat-value {
    font-family: var(--font-num);
    font-variant-numeric: tabular-nums lining-nums;
    font-feature-settings: "tnum" 1, "lnum" 1;
}