/* 
  Globale Schriftarten für das gesamte DotPix System (Striktes 2-Schriften-System)
  1. Titel, Reiter & Buttons: Rajdhani (--font-heading)
  2. Fliesstext, Masse & Daten: JetBrains Mono (--font-body)
  Lokale Schriften (Datenschutzkonform & Offline verfügbar)
*/

@font-face {
    font-family: 'Rajdhani';
    src: url('./fonts/Rajdhani-SemiBold.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Rajdhani';
    src: url('./fonts/Rajdhani-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Rajdhani';
    src: url('./fonts/Rajdhani-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'JetBrains Mono';
    src: url('./fonts/JetBrainsMono-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'JetBrains Mono';
    src: url('./fonts/JetBrainsMono-Bold.ttf') format('truetype');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'JetBrains Mono';
    src: url('./fonts/JetBrainsMono-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Reenie Beanie';
    src: url('./fonts/ReenieBeanie-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

:root {
  --font-heading: "Rajdhani", sans-serif;
  --font-body: "JetBrains Mono", monospace;
  --font-handwriting: "Reenie Beanie", cursive;
}