/* Marken-Schriften (selbst gehostet, DSGVO-konform, kein externer Google-Request).
   Variable Fonts: eine Datei je Familie deckt alle Schnitte (font-weight 100–900) ab.
   Basis-Typografie setzt die Familien app-weit; Syncfusion-Komponenten erben font-family automatisch. */

@font-face {
    font-family: 'Space Grotesk';
    src: url('../fonts/SpaceGrotesk-VariableFont_wght.ttf') format('truetype');
    font-weight: 300 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

body {
    font-family: var(--bp-font-body);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--bp-font-head);
}