/* ==========================================================================
   poste.cc · TYPOGRAPHY
   --------------------------------------------------------------------------
   Bricolage Grotesque — display headings + big postal-code numerals.
   Public Sans         — body / UI. Commissioned for the US government, so it
                         is purpose-built for public-service legibility and
                         carries full Slovenian diacritics (č š ž).
   IBM Plex Mono       — postal codes, phone numbers, opening hours,
                         timestamps — official and tabular.
   ========================================================================== */

:root{
    /* Families */
    --font-display:'Bricolage Grotesque', ui-sans-serif, system-ui, sans-serif;
    --font-body:'Public Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-mono:'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

    /* Weights */
    --w-regular:400;
    --w-medium:500;
    --w-semibold:600;
    --w-bold:700;
    --w-extrabold:800;

    /* Type scale (px) */
    --fs-2xs:11px;
    --fs-xs:12px;
    --fs-sm:13px;
    --fs-md:15px; /* base body */
    --fs-lg:17px;
    --fs-xl:20px;
    --fs-2xl:24px;
    --fs-3xl:30px;
    --fs-4xl:38px;
    --fs-5xl:48px;
    --fs-6xl:64px;
    --fs-code:72px; /* the big hero postal-code numeral */

    /* Line heights */
    --lh-tight:1.05;
    --lh-snug:1.2;
    --lh-normal:1.5;
    --lh-relaxed:1.65;

    /* Letter spacing */
    --ls-tight:-0.02em;
    --ls-snug:-0.01em;
    --ls-normal:0;
    --ls-wide:0.04em;
    --ls-caps:0.09em;

    /* Semantic roles */
    --text-display:var(--w-bold) var(--fs-4xl)/var(--lh-tight) var(--font-display);
    --text-h1:var(--w-bold) var(--fs-3xl)/var(--lh-snug) var(--font-display);
    --text-h2:var(--w-semibold) var(--fs-2xl)/var(--lh-snug) var(--font-display);
    --text-h3:var(--w-semibold) var(--fs-xl)/var(--lh-snug) var(--font-body);
    --text-body:var(--w-regular) var(--fs-md)/var(--lh-normal) var(--font-body);
    --text-body-lg:var(--w-regular) var(--fs-lg)/var(--lh-relaxed) var(--font-body);
    --text-small:var(--w-regular) var(--fs-sm)/var(--lh-normal) var(--font-body);
    --text-caption:var(--w-medium) var(--fs-xs)/var(--lh-normal) var(--font-body);
    --text-mono:var(--w-medium) var(--fs-sm)/var(--lh-normal) var(--font-mono);

    /* Tabular, lining numerals everywhere data is shown — codes & hours align */
    --num:"tnum" 1, "lnum" 1;
}