/**
 * Forró HH - Self-Hosted Google Fonts
 * DSGVO-Compliant (no external CDN dependencies)
 *
 * Font files needed: See instructions below.
 * Place all .woff2 files in a 'fonts/' directory relative to this CSS file.
 *
 * Font file locations:
 * - fonts/archivo-black-900-normal.woff2
 * - fonts/dm-mono-300-normal.woff2
 * - fonts/dm-mono-400-normal.woff2
 * - fonts/dm-mono-500-normal.woff2
 * - fonts/cormorant-garamond-400-normal.woff2
 * - fonts/cormorant-garamond-600-normal.woff2
 * - fonts/cormorant-garamond-400-italic.woff2
 * - fonts/cormorant-garamond-600-italic.woff2
 */

/* ============================================
   ARCHIVO BLACK - Weight 900 (Display Font)
   ============================================ */

@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('fonts/archivo-black-900-normal.woff2') format('woff2');
}


/* ============================================
   DM MONO - Weights 300, 400, 500 (Body Font)
   ============================================ */

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

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

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


/* ============================================
   CORMORANT GARAMOND - Weights 400, 600
   and Italic Variants (Accent/Editorial Font)
   ============================================ */

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/cormorant-garamond-400-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/cormorant-garamond-600-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/cormorant-garamond-400-italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/cormorant-garamond-600-italic.woff2') format('woff2');
}


/* ============================================
   USAGE IN YOUR HTML
   ============================================ */

/*
Replace this Google Fonts link:
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400;1,600&family=DM+Mono:wght@300;400;500&family=Archivo+Black&display=swap" rel="stylesheet">

With this single local link:
  <link rel="stylesheet" href="fonts.css">

Then use fonts normally in your CSS:
  body { font-family: 'DM Mono', monospace; }
  h1 { font-family: 'Archivo Black', sans-serif; }
  .editorial { font-family: 'Cormorant Garamond', serif; }
*/