/* ============================================
   FONTS - Lokal gehostet (mit Italic)
   ============================================ */

/* ===== MICHROMA ===== */
@font-face {
  font-family: 'Michroma';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Michroma-Regular.woff2') format('woff2'),
       url('../fonts/Michroma-Regular.woff') format('woff');
}

/* ===== NOTO SANS - NORMAL ===== */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/NotoSans-Regular.woff2') format('woff2'),
       url('../fonts/NotoSans-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/NotoSans-Bold.woff2') format('woff2'),
       url('../fonts/NotoSans-Bold.woff') format('woff');
}

/* ===== NOTO SANS - ITALIC ===== */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/NotoSans-Italic.woff2') format('woff2'),
       url('../fonts/NotoSans-Italic.woff') format('woff');
}

/* ============================================
   NOTO SANS HK - FALLBACK
   ============================================ */
@font-face {
  font-family: 'Noto Sans HK';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/NotoSans-Regular.woff2') format('woff2'),
       url('../fonts/NotoSans-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans HK';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/NotoSans-Bold.woff2') format('woff2'),
       url('../fonts/NotoSans-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans HK';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/NotoSans-Italic.woff2') format('woff2'),
       url('../fonts/NotoSans-Italic.woff') format('woff');
}

/* ============================================
   VARIABLEN
   ============================================ */
:root {
  --font-michroma: 'Michroma', 'Courier New', monospace;
  --font-noto: 'Noto Sans', 'Noto Sans HK', 'Arial', sans-serif;
  --font-noto-fallback: 'Noto Sans HK', 'Arial', sans-serif;
  
  --font-primary: var(--font-michroma);
  --font-secondary: var(--font-noto);
  --font-body: var(--font-noto);
  
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
}