/*
 * Wolfszäune.de – Schriften.
 *
 * Alle Schriften liegen auf dem eigenen Server. Der Browser lädt nur die
 * Dateien der Schrift, die gerade gewählt ist (Verwaltung, "Einstellungen").
 *
 * Jede Schrift bringt ihre Feineinstellung mit:
 *   --font-display / --font-body   Schrift für Überschriften und Text
 *   --display-weight               Strichstärke der Überschriften
 *   --display-leading              Zeilenabstand der Überschriften
 *   --display-scale                Größe der Überschriften im Verhältnis zur Grundgröße
 *   --hero-fit                     Größe der Startseiten-Überschrift, in Prozent der Spaltenbreite
 */

/* ---------- Titillium Web ---------- */

@font-face {
    font-family: "Titillium Web";
    src: url("../fonts/titillium-web-400.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Titillium Web";
    src: url("../fonts/titillium-web-600.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Titillium Web";
    src: url("../fonts/titillium-web-700.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ---------- Barlow ---------- */

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

@font-face {
    font-family: "Barlow";
    src: url("../fonts/barlow-600.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

/* ---------- Source Sans 3 (eine Datei für alle Strichstärken) ---------- */

@font-face {
    font-family: "Source Sans 3";
    src: url("../fonts/source-sans-3.woff") format("woff");
    font-weight: 200 900;
    font-style: normal;
    font-display: swap;
}

/* ---------- Inter ---------- */

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

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

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

/* ---------- TeX Gyre Heros Condensed (nur Überschriften) ---------- */

@font-face {
    font-family: "Heros Cn";
    src: url("../fonts/heros-cn-bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ---------- Zuordnung ---------- */

:root,
html[data-font="titillium"] {
    --font-display: "Titillium Web", "Segoe UI", system-ui, sans-serif;
    --font-body: "Titillium Web", "Segoe UI", system-ui, sans-serif;
    --display-weight: 700;
    --display-leading: 1.1;
    --display-scale: 0.92;
    --hero-fit: 12.4cqi;
    --body-scale: 1.04;
}

html[data-font="barlow"] {
    --font-display: "Barlow", "Segoe UI", system-ui, sans-serif;
    --font-body: "Barlow", "Segoe UI", system-ui, sans-serif;
    --display-weight: 700;
    --display-leading: 1.08;
    --display-scale: 0.92;
    --hero-fit: 12.3cqi;
    --body-scale: 1.04;
}

html[data-font="source"] {
    --font-display: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
    --font-body: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
    --display-weight: 700;
    --display-leading: 1.1;
    --display-scale: 0.94;
    --hero-fit: 12.5cqi;
    --body-scale: 1.06;
}

html[data-font="inter"] {
    --font-display: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
    --display-weight: 700;
    --display-leading: 1.1;
    --display-scale: 0.84;
    --hero-fit: 11cqi;
    --body-scale: 1;
}

html[data-font="heros"] {
    --font-display: "Heros Cn", "Arial Narrow", Arial, sans-serif;
    --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
    --display-weight: 700;
    --display-leading: 1.04;
    --display-scale: 1;
    --hero-fit: 14cqi;
    --body-scale: 1;
}