/*
 * Self-hosted fonts — DSGVO-compliant (no Google CDN contact on page load).
 *
 * SETUP: Run scripts/download-fonts.sh once to download the .woff2 files
 * into this folder, then this CSS will serve them locally.
 *
 * Fonts used:
 *   Syne       700, 800  — headings (Syne, sans-serif)
 *   DM Sans    300, 400, 500 — body text (DM Sans, sans-serif)
 */

/* ── Syne ─────────────────────────────────────────────────────────────────── */

@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/syne-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/fonts/syne-800.woff2') format('woff2');
}

/* ── DM Sans ──────────────────────────────────────────────────────────────── */

@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/dm-sans-300.woff2') format('woff2');
}

@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/dm-sans-400.woff2') format('woff2');
}

@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/dm-sans-500.woff2') format('woff2');
}