/*
 * Local typography.
 *
 * The Velzon theme ships `@import url(https://fonts.googleapis.com/...)` inside
 * its CSS. Those imports have been stripped from the files this portal loads,
 * for two reasons:
 *
 *   1. Privacy. Every page view would disclose the visitor's IP address to a
 *      third party. For a government service where the visitor is applying for
 *      a police permit, that is not an acceptable default.
 *
 *   2. Availability. The portal must render correctly on a network with no
 *      route to the public internet.
 *
 * Without the webfonts the theme would fall back to whatever the browser picks.
 * This sets the stack deliberately instead, using faces already present on the
 * platforms the JCF and applicants actually use.
 *
 * Loaded after the Velzon stylesheets, so these win.
 */

:root {
    --jcf-font-stack:
        -apple-system, BlinkMacSystemFont,
        "Segoe UI", "Helvetica Neue", Helvetica,
        Roboto, "Noto Sans", Arial, sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji";

    /* Velzon reads these for body and headings. */
    --vz-body-font-family: var(--jcf-font-stack);
    --vz-font-sans-serif: var(--jcf-font-stack);
}

body,
.navbar,
.btn,
.form-control,
.form-select,
.card,
h1, h2, h3, h4, h5, h6 {
    font-family: var(--jcf-font-stack);
}

/*
 * Tabular figures for anything that must line up or be read back over the
 * phone: reference numbers, VINs, waiver numbers, receipt numbers.
 */
.vin-input,
.font-monospace,
code {
    font-variant-numeric: tabular-nums;
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
        "Liberation Mono", monospace;
}