/* Interior Germany — Hausschrift Outfit, selbst gehostet
 *
 * Ersatz für Brandon Text. SIL Open Font License 1.1 (siehe OFL.txt),
 * frei für kommerzielle Nutzung und Selbst-Hosting.
 *
 * Die Dateien liegen auf dem eigenen Webserver, nicht bei Google.
 * Keine Einbindung über fonts.googleapis.com oder fonts.gstatic.com —
 * dabei würde die IP jedes Besuchers an Google in die USA übertragen
 * (LG München I, 20.01.2022, Az. 3 O 17493/20).
 *
 * Ablage im Theme:  /wp-content/themes/<theme>/assets/fonts/
 * Diese Datei liegt eine Ebene darüber und verweist relativ.
 *
 * Schnitte und ihre Rolle laut Styleguide 09/2026:
 *   300  Light    Fließtext
 *   400  Regular  Reserve
 *   500  Medium   Headlines mit Fließtext
 *   700  Bold     Hervorhebungen, Zwischenüberschriften, Projekttitel
 *   900  Black    Claim, Call-to-Action, Auszeichnungszeilen, Zahlen
 *
 * Outfit hat keine Kursive. Hervorhebungen daher ausschließlich in Bold.
 */

@font-face {
  font-family: "Outfit";
  src: url("fonts/outfit-300.woff2") format("woff2"),
       url("fonts/outfit-300.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Outfit";
  src: url("fonts/outfit-400.woff2") format("woff2"),
       url("fonts/outfit-400.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Outfit";
  src: url("fonts/outfit-500.woff2") format("woff2"),
       url("fonts/outfit-500.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Outfit";
  src: url("fonts/outfit-700.woff2") format("woff2"),
       url("fonts/outfit-700.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Outfit";
  src: url("fonts/outfit-900.woff2") format("woff2"),
       url("fonts/outfit-900.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --ig-font: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;

  --ig-black: #000000;
  --ig-white: #ffffff;
  --ig-muted: #9a9a9a;              /* nur Sekundärtext auf Schwarz, keine Markenfarbe */
  --ig-hairline: rgba(255, 255, 255, 0.14);

  --ig-gutter: 24px;
  --ig-margin: 80px;
  --ig-maxw: 1280px;

  --ig-space-section: 112px;
  --ig-space-head: 56px;
  --ig-space-group: 24px;
}

body {
  font-family: var(--ig-font);
  font-weight: 300;
  background: var(--ig-black);
  color: var(--ig-white);
  -webkit-font-smoothing: antialiased;
}