/* holzbaumarktschweiz.ch — Theme-Tokens (Spec 2026-08-26 § 3.3, § 4.2). Wird vor style.css
   geladen und ist die einzige Datei, die eine Farbe oder eine Schrift nennt.
   Aspekta variable (150 / 350 / 550), HBS-Palette aus den gelieferten SVGs. */

@font-face {
  font-family: "Aspekta";
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  src: url("/fonts/AspektaVF.woff2") format("woff2");
}

:root {
  --schrift: "Aspekta", -apple-system, "Segoe UI", Roboto, sans-serif;
  --w-display: 150;   /* nur ab 2 rem — check-variant.mjs prüft die gerechnete Grösse */
  --w-text: 350;      /* Lauftext; 400, falls die Lesbarkeitsprobe bei 16–17 px scheitert (R34) */
  --w-stark: 550;

  --papier:   #ffffff;
  --papier-2: #f6f5f1;
  --linie:    #c3bfb9;   /* nur dekorativ: Linien, Striche */
  --tinte:    #464442;   /* jeder Lauftext, 9.7:1 auf Weiss */

  --hbs-gruen:  #4c5539;   /* 7.9:1 — die einzige Palettenfarbe, die Text sein darf */
  --hbs-braun:  #895e2b;   /* 5.7:1 — textsicher, aber nur als --akzent-2 im Einsatz */
  --hbs-orange: #f18700;   /* 2.6:1 — nur dekorativ: Monogramm, Fehlerlinie */
  --hbs-oliv:   #a7975b;   /* 2.9:1 — nur dekorativ: Monogramm, Duoton-Lichter */
  --hbs-grau:   #ccc7c0;   /* nur in der Marke */

  --akzent:   var(--hbs-gruen);     /* Fokusringe, aktive Striche, Links im Hover */
  --akzent-2: var(--hbs-braun);     /* zweite Strichfarbe des ▏-Geräts: die Agenda-Daten (R33) */
  --band:      var(--hbs-gruen);    /* Partnerband und rechte Spalte; die Logos sind weiss */
  --band-text: var(--papier);
  --fehler:    var(--hbs-orange);   /* die 3-px-Linie neben einer Formularfehlermeldung, nie Text */
  --duotone-hell:   var(--hbs-oliv);    /* Team-Porträts: Lichter */
  --duotone-dunkel: var(--hbs-gruen);   /* Team-Porträts: Schatten, 40 % */
}