/**
 * Schriftbindung fuer den Shop.
 *
 * tiba-style.css verweist auf SuisseIntl-*.woff2. Geliefert wurden die
 * OTF-Originale. Diese Datei wird NACH tiba-style.css geladen und ersetzt
 * deren @font-face-Regeln.
 *
 * Groessenvergleich: OTF ~130 kB je Schnitt, WOFF2 typischerweise ~35 kB.
 * Fuer den Produktivbetrieb lohnt die Konvertierung, z. B. mit
 * `woff2_compress` oder https://www.fontsquirrel.com/tools/webfont-generator
 *
 * Nach der Konvertierung hier die woff2-Zeile VOR die otf-Zeile setzen:
 *     src: url('./fonts/SuisseIntl-Regular.woff2') format('woff2'),
 *          url('./fonts/SuisseIntl-Regular.otf') format('opentype');
 * Vorher nicht — sonst holt sich jeder Erstaufruf ein 404 ab.
 */

@font-face {
    font-display: swap;
    font-family: 'SuisseIntl';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/SuisseIntl-Regular.otf') format('opentype');
}

@font-face {
    font-display: swap;
    font-family: 'SuisseIntl';
    font-style: normal;
    font-weight: 600;
    src: url('./fonts/SuisseIntl-Bold.otf') format('opentype');
}

/**
 * Fallback-Kette: Wenn die Schrift gar nicht laedt, soll die Seite nicht in
 * einer Serifenschrift stehen. tiba-style.css setzt nur 'SuisseIntl' ohne
 * Ersatz — das ergaenzen wir hier.
 */
html,
body,
button,
input,
optgroup,
select,
textarea {
    font-family: 'SuisseIntl', -apple-system, BlinkMacSystemFont, 'Segoe UI',
                 Roboto, Helvetica, Arial, sans-serif;
}