/* ══════════════════════════════════════════════════════════════════════════
   fonts.css — the house typeface, self-hosted.

   SF Mono is the ONE face the POS uses: headings, labels, buttons, tables,
   figures. It is served from this folder rather than from the Mac's system
   font or a font host, so both laptops render identical pages and nothing
   depends on Google Fonts being reachable from the shop. The Google Fonts
   links that every page used to carry (DM Sans, Inter, Cormorant Garamond,
   Oswald, Poppins, Kalam) are gone; every font-family in the app now resolves
   to var(--font-ui) or var(--font-num), both defined in ../index.css and both
   pointing here.

   How a page gets it: ../index.css imports this file on its first line, and
   every POS page loads index.css. The few pages that do not (login.php,
   drawer_standalone/*) link this file directly. A NEW page therefore needs no
   font link at all — load index.css and use the tokens. Do not add Google
   Fonts links; a second face is exactly what this removes.

   woff2 only — every browser in the shop reads it. Weights are numeric so each
   file answers exactly one weight: 300 Light, 400 Regular, 500 Medium,
   600 Semibold. No 700 or 800 file exists in this set, so a request for bold
   falls to Semibold (the browser picks the nearest available weight).

   font-display: swap — text shows in the fallback for the first frames rather
   than as blank space; at a counter a price that appears late beats one that
   appears never.
   ══════════════════════════════════════════════════════════════════════════ */

@font-face {
    font-family: 'SF Mono';
    src: url('sf-mono-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Mono';
    src: url('sf-mono-lightitalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'SF Mono';
    src: url('sf-mono-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Mono';
    src: url('sf-mono-regularitalic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'SF Mono';
    src: url('sf-mono-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Mono';
    src: url('sf-mono-mediumitalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'SF Mono';
    src: url('sf-mono-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Mono';
    src: url('sf-mono-semibolditalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}