/* FHB-Herstellerwelt — Tokens (nur unter body.welt-fhb, nur in der Vorschau geladen; includes/katalog_fhb_welt.php).
   Anmutung nach fhb.de nachempfunden: Schwarz/Weiß, eckig, Versalien, Haarfugen. Eigene Werte, keine Datei von fhb.de.
   Schrift: Figtree (Google Fonts) als ähnlicher Ersatz — FHBs Hausschrift wird nicht übernommen.
   Kopf (Shirtschleuder-Zeile), Korb, Preise und Fuß bleiben Shirtschleuder-CI (ci/css/tokens.css). */
.welt-fhb {
    --fw-tinte: #000000;
    --fw-papier: #ffffff;
    --fw-grau: #f5f5f5;            /* Teaser- und Leistungsflächen */
    --fw-foto: #f2f2f2;            /* Studiogrund der Produktfotos */
    --fw-linie: #000000;
    --fw-linie-leise: #dddddd;
    --fw-muted: #5c6168;           /* Kontrast ≥ 4,5 : 1 auf Weiß */
    --fw-spur: rgba(0, 0, 0, 0.3);
    --fw-auf-tinte: #ffffff;
    --fw-auf-tinte-leise: rgba(255, 255, 255, 0.72);
    --fw-schrift: "Figtree", "Segoe UI", system-ui, sans-serif;

    --fw-fuge: 3px;
    --fw-rand: clamp(16px, 3vw, 43px);
    --fw-h1: clamp(24px, 3vw, 43px);
    --fw-h2: clamp(20px, 2.2vw, 32px);
    --fw-h3: clamp(15px, 1.4vw, 20px);
    --fw-kartentitel: clamp(12px, 1.3vw, 19px);
    --fw-text: clamp(14px, 1.2vw, 17px);
    --fw-sperrung-h1: 0.02em;
    --fw-sperrung: 0.03em;
    --fw-sperrung-knopf: 0.1em;
    --fw-zeilen-luecke: clamp(33px, 5vw, 71px);
}
/* Inhalt im FHB-Look: die Katalog-Bausteine der Liste (Filter, Chips, Baum, Schalter) lesen dieselben Aliasse —
   im Inhaltsbereich zeigen sie auf Schwarz/Weiß statt Petrol. Der Kopf darüber bleibt unberührt. */
.welt-fhb main {
    --petrol: var(--fw-tinte);
    --petrol-hell: #ececec;
    --petrol-nebel: var(--fw-grau);
    --accent: var(--fw-tinte);
    --on-accent: var(--fw-auf-tinte);
    --accent-ink: var(--fw-tinte);
    --link: var(--fw-tinte);
    --border: var(--fw-linie-leise);
    --bg-card: var(--fw-papier);
    --bg-card-hover: var(--fw-papier);
    --surface-2: var(--fw-grau);
    --radius-sm: 0;
    --radius-md: 0;
    --radius-pill: 0;
    --radius-none: 0;
    --font-sans: var(--fw-schrift);
    --font-label: var(--fw-schrift);
}
[data-theme="dark"] .welt-fhb {
    --fw-tinte: #f2f2f2;
    --fw-papier: #111316;
    --fw-grau: #1b1e22;
    --fw-linie: #f2f2f2;
    --fw-linie-leise: #33373d;
    --fw-muted: #b4b9c0;
    --fw-spur: rgba(255, 255, 255, 0.3);
    --fw-auf-tinte: #111316;
    --fw-auf-tinte-leise: rgba(17, 19, 22, 0.72);
}