/* RAW'FILERS — Avenir, selbst gehostet (woff2)
 *
 * Diese Datei VOR design-system.css laden, z. B.:
 *   <link rel="stylesheet" href="assets/fonts.css">
 *   <link rel="stylesheet" href="assets/design-system.css">
 * Die .woff2 liegen relativ dazu im Unterordner ./fonts/.
 *
 * Gewichts-Zuordnung (passt zu den im Design verwendeten font-weights):
 *   400        Book    → Fliesstext, Captions, alles Normale
 *   500–600    Medium  → Navigation, Pills, Labels
 *   700        Heavy   → kräftige Akzente
 *   800–900    Black   → Überschriften / Titel (die „fette" Wirkung)
 *   300        Light   → optionale leise Töne
 *
 * Kein local() bewusst: so sehen Mac UND Windows exakt dieselbe Schrift.
 * Familienname 'Avenir Next' = erster Eintrag in --rf-sans, wird zuerst gewählt.
 */
@font-face{font-family:'Avenir Next';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/Avenir-Light.woff2') format('woff2');}
@font-face{font-family:'Avenir Next';font-style:italic;font-weight:300;font-display:swap;src:url('fonts/Avenir-LightOblique.woff2') format('woff2');}
@font-face{font-family:'Avenir Next';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/Avenir-Book.woff2') format('woff2');}
@font-face{font-family:'Avenir Next';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/Avenir-BookOblique.woff2') format('woff2');}
@font-face{font-family:'Avenir Next';font-style:normal;font-weight:500 600;font-display:swap;src:url('fonts/Avenir-Medium.woff2') format('woff2');}
@font-face{font-family:'Avenir Next';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/Avenir-Heavy.woff2') format('woff2');}
@font-face{font-family:'Avenir Next';font-style:normal;font-weight:800 900;font-display:swap;src:url('fonts/Avenir-Black.woff2') format('woff2');}
@font-face{font-family:'Avenir Next';font-style:italic;font-weight:800 900;font-display:swap;src:url('fonts/Avenir-BlackOblique.woff2') format('woff2');}