/*
 * Dulzan — webfont.
 *
 * The theme used to declare `Inter, Arial, …` without shipping any font file, so every heading
 * was really rendered by Arial. This loads the real Inter variable font from the theme folder:
 * no external request, no Google Fonts, no dependency on what the visitor has installed.
 *
 * Inter is licensed under the SIL Open Font License 1.1. The licence travels with the file at
 * assets/fonts/FONT-LICENSE.txt. Source: https://rsms.me/inter/
 *
 * font-weight 100 900 marks the file as a variable font, so the whole weight range comes from
 * this one 345 KB file instead of several static cuts. font-display: swap keeps the text visible
 * while it loads, and the fallback metrics are close enough that nothing jumps (measured).
 */
@font-face {
    font-family: 'Inter';
    src: url('fonts/InterVariable.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/*
 * Fallback with matched metrics.
 *
 * Inter is about 2.7% narrower than Arial at the same size, which is enough to change where a
 * product title wraps: at 360px "Capa pet para banco traseiro" fits on one line in Inter and
 * takes two in Arial. With font-display: swap the page would render in Arial first and then jump
 * when the font arrives. This face gives the fallback Inter's width and vertical metrics, so the
 * line count is the same before and after the swap (measured: no shift, see the verification
 * folder). It uses whatever Arial the machine already has; if there is none, the browser simply
 * moves on to the next family in the stack.
 */
@font-face {
    font-family: 'Inter Fallback';
    src: local('Arial');
    size-adjust: 97.3%;
    ascent-override: 96.88%;
    descent-override: 24.15%;
    line-gap-override: 0%;
}