/*
 * Treckerparty im Büsch — Brand Fonts (DSGVO-konform, alle WOFF2 lokal)
 * Konzept "Hyperlokal Pop" — Album-Cover-DNA als Design-System
 *
 * Anton          → Headlines / Statement-Type (Druk-Wide-Replacement)
 * Bebas Neue     → Subheads / Eyebrows (condensed display)
 * Inter          → Body / UI (4 Weights: 400/500/600/700)
 * JetBrains Mono → Akzent / Easter-Eggs / Code (mono)
 *
 * Alle Fonts: Latin Subset only (kein Cyrillic/Greek = kleinere Files)
 * Quelle: gwfh.mranftl.com (Google-Webfonts-Helper, offline gehostet)
 */

@font-face {
  font-family: "Anton";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("anton-regular.woff2") format("woff2");
}

@font-face {
  font-family: "Bebas Neue";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("bebas-neue-regular.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("inter-regular.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("inter-500.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("inter-600.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("inter-700.woff2") format("woff2");
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("jetbrains-mono-regular.woff2") format("woff2");
}

/* ============================================================
 * Globale Schrift-Anwendung
 * ============================================================ */
:root {
  --tp-font-headline: "Anton", "Impact", "Haettenschweiler", system-ui, sans-serif;
  --tp-font-subhead:  "Bebas Neue", "Impact", "Haettenschweiler", system-ui, sans-serif;
  --tp-font-body:     "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --tp-font-mono:     "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

body, button, input, select, textarea {
  font-family: var(--tp-font-body);
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
.entry-content :where(h1, h2, h3, h4, h5, h6) {
  font-family: var(--tp-font-headline);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: -0.005em;
  line-height: 1.05;
}

h1 { font-size: clamp(2.5rem, 6vw, 5.5rem); letter-spacing: -0.015em; }
h2 { font-size: clamp(2rem, 4.5vw, 3.5rem); }
h3 { font-size: clamp(1.5rem, 3vw, 2.25rem); }
h4 { font-size: clamp(1.25rem, 2.2vw, 1.75rem); }

/* Eyebrows / kleine Subheads über H2/H3 nutzen Bebas Neue */
.eyebrow,
.kicker,
[class*="-eyebrow"] {
  font-family: var(--tp-font-subhead);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.9rem;
  line-height: 1.2;
}

/* Mono für Easter-Eggs, Datum-Anzeigen, technische Akzente */
code, pre, kbd, samp,
.tp-mono,
.tp-countdown {
  font-family: var(--tp-font-mono);
  font-feature-settings: "tnum";
}

/* Strong / bold Sektionen brauchen Inter 700 */
strong, b {
  font-weight: 700;
}