/* KEOH · das Schriftsystem, eine Datei für alle Seiten dieser Domain.
 *
 * Angelegt am 10.08.2026. Vorher liefen hier zwei getrennte Welten:
 * die Startseite auf Bebas Neue, DM Sans und JetBrains Mono, /fotografen auf
 * Fraunces, Hanken Grotesk und Jost. Sechs Schriften, eine Marke.
 *
 * Ab jetzt drei Stimmen, und jede hat genau eine Aufgabe:
 *
 *   Cabinet Grotesk · Display UND Text. Sie hat Eigenheiten (das gebrochene g,
 *     das schmale a), die eine Groteske aus dem Baukasten nicht hat. Genau
 *     darum steht sie hier: neben einem handgemalten Zeichen erzeugt eine
 *     neutrale Schrift keinen Kontrast, sondern einen Bruch.
 *   DM Mono · alles Zählbare. Zahlen, Preise, Editionsnummern, Datum, Labels.
 *     Die dritte Stimme, die in Studio-Websites fast immer da ist und uns
 *     bisher gefehlt hat.
 *   Fraunces · nur Editorial, lange Lesestrecken. Nie ein Label, nie ein Preis.
 *
 * Mr Dafoe ist abgelöst. Die Signatur ist seit dem 10.08. ein Vektor aus dem
 * Artwork, keine Schrift, die auf fremden Rechnern fehlen kann.
 *
 * Lizenzen: fonts/LIZENZEN.md · Cabinet steht NICHT unter der OFL, sondern
 * unter der ITF Free Font License: Self-Hosting erlaubt, Weitergabe der
 * Dateien verboten. Deshalb nie in ein Kunden-Paket kopieren.
 *
 * Werte-Quelle: ~/Desktop/keoh brand/00-tokens/source/tokens.json
 */

/* 300 liegt als Netz bei, obwohl es im laufenden Betrieb niemand mehr
   anfordert: Fließtext steht überall auf 400. Der Grund für das Netz ist,
   dass ein NICHT geliefertes Gewicht vom Browser gefälscht wird (synthetisch
   verdünnt), und das sieht man sofort. Solange die Datei hier steht, kann
   keine Fläche versehentlich eine gefälschte Schrift zeigen.
   Auf dunklem Grund gilt ohnehin das Gegenteil: helle Striche laufen optisch
   dünner, deshalb ist der Fließtext dort am 10.08. von 300 auf 400 gegangen. */
@font-face{font-family:'Cabinet Grotesk';src:url(/fonts/cabinet-300.woff2) format('woff2');
  font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Cabinet Grotesk';src:url(/fonts/cabinet-400.woff2) format('woff2');
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Cabinet Grotesk';src:url(/fonts/cabinet-500.woff2) format('woff2');
  font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Cabinet Grotesk';src:url(/fonts/cabinet-700.woff2) format('woff2');
  font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Cabinet Grotesk';src:url(/fonts/cabinet-800.woff2) format('woff2');
  font-weight:800;font-style:normal;font-display:swap}

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

/* Fraunces bleibt, aber nur für Editorial. Latin reicht, die anderen Schnitte
   liegen ungenutzt daneben und werden hier bewusst nicht angemeldet. */
@font-face{font-family:'Fraunces';src:url(/fonts/fraunces-latin-400-normal.woff2) format('woff2');
  font-weight:100 400;font-style:normal;font-display:swap}
/* Der 600er deckt den Bereich 500 bis 700 ab. Grund: <b> und <strong> in
   einem Fraunces-Absatz fordern vom Browser 700, geliefert ist 600 · ohne
   diesen Bereich hätte der Browser die Schrift FETT GERECHNET statt einen
   echten Schnitt zu nehmen. Gemessen am 10.08. auf /fotografen, vier Stellen. */
@font-face{font-family:'Fraunces';src:url(/fonts/fraunces-latin-600-normal.woff2) format('woff2');
  font-weight:500 700;font-style:normal;font-display:swap}
@font-face{font-family:'Fraunces';src:url(/fonts/fraunces-latin-400-italic.woff2) format('woff2');
  font-weight:400;font-style:italic;font-display:swap}

:root{
  --schrift-display: 'Cabinet Grotesk', system-ui, sans-serif;
  --schrift-text:    'Cabinet Grotesk', system-ui, sans-serif;
  --schrift-zahl:    'DM Mono', ui-monospace, monospace;
  --schrift-lese:    'Fraunces', Georgia, serif;
}