/* ONE v4 — Design-Tokens
   Leitidee: „Aus eigener Rechnung."
   Basis ist das CI-Manual (ONE_Guideline.pdf): genau drei Farben, Red Hat Display.
   Zwei Schalter sind bewusst offen und werden am Objekt entschieden:
     data-accent = "ci" | "sand"      (Akzentfarbe)
     data-type   = "full" | "display" (Schriftsystem)
*/

:root {
  /* --- CI, unverhandelbar ------------------------------------------------ */
  --ink:        #0b1c30;   /* ONE dunkelblau  */
  --muted:      #55616f;   /* ONE grau-blau   */
  --paper:      #efefef;   /* ONE weiß        */

  /* --- Abgeleitete Flächen (Erweiterung, tonal aus den drei CI-Farben) --- */
  --sheet:      #ffffff;
  --band:       #f3f5f7;
  --band-2:     #e8ecf0;

  --line:       rgba(11, 28, 48, .12);
  --line-soft:  rgba(11, 28, 48, .07);
  --line-hard:  rgba(11, 28, 48, .28);
  --line-neg:   rgba(255, 255, 255, .22);

  /* --- imopact: die einzige echte Farbe im System ------------------------ */
  --imo:        #afc800;
  /* ⚠ #566f00 ist KEINE imopact-Farbe, sondern eine Abdunklung von mir, damit
     das Grün auf hellem Grund lesbar wird. Belegt ist nur #afc800 (plus Weiß,
     Schwarz und Grau #585756). Nur noch für Flächen/Konturen verwenden, nie
     als „das dunkle imopact-Grün" ausgeben. */
  --imo-dark:   #566f00;
  /* Eigener Grund für die Marke — im Entwurf verworfen (Übergang T3): der
     imopact-Block steht auf dem Navy von ONE. Bleibt als Wert stehen, falls
     die Marke doch einen eigenen Grund bekommen soll. */
  --imo-ground: #1b1b19;

  /* --- Akzent: Schalter -------------------------------------------------- */
  --accent:       var(--muted);
  --accent-quiet: var(--muted);
  --accent-text:  var(--muted);

  /* --- Schrift: Schalter ------------------------------------------------- */
  --f-display: "Red Hat Display", "Segoe UI", Arial, sans-serif;
  --f-text:    "Red Hat Text", "Red Hat Display", "Segoe UI", Arial, sans-serif;
  --f-mono:    "Red Hat Mono", ui-monospace, "Consolas", monospace;

  /* --- Maß --------------------------------------------------------------- */
  --wrap:  1240px;
  --gut:   64px;

  --s-xl:  clamp(96px, 11vw, 168px);
  --s-lg:  clamp(72px, 8vw, 120px);
  --s-md:  clamp(48px, 5vw, 80px);
  --s-sm:  32px;

  /* --- Typoskala (fluid, Entwurfsbreite 1440) ---------------------------- */
  --t-hero:   clamp(38px, 4.6vw, 66px);
  --t-h2:     clamp(28px, 3.1vw, 44px);
  --t-state:  clamp(23px, 2.4vw, 34px);
  --t-h3:     clamp(19px, 1.5vw, 23px);
  --t-lead:   clamp(17px, 1.25vw, 19px);
  --t-body:   16px;
  --t-small:  14.5px;
  --t-meta:   11.5px;
  /* Abschnittstitel (.eyebrow). ENTSCHIEDEN 03.09.2026 nach Variantenvergleich
     an der ganzen Construction-Seite: 11,5px/500/.18em war das kleinste
     Textelement der Seite und wurde als Bildunterschrift gelesen, nicht als
     Abschnittsmarke. Gewaehlt wurde die Variante ohne Ornament — die Seite
     lebt von Haarlinien, jede zusaetzliche Waagrechte konkurriert mit dem
     bestehenden System (die Varianten mit Strich und mit Linie sind daran
     gescheitert). Die ENGERE Sperrung ist kein Versehen: .18em zog das Wort
     zur Buchstabenreihe auseinander. */
  --t-eyebrow: 15px;
  --ls-eyebrow: .1em;
  --t-figure: clamp(30px, 3.2vw, 46px);
}

/* Sand-Akzent — ENTSCHIEDEN 17.08.2026 und damit Standard.
   Reines Navy/Grau war zu monoton. Achtung: Sand steht NICHT im CI-Manual
   (ONE_Guideline.pdf kennt nur die drei Farben oben) — die Richtlinie muss
   um diesen Akzent ergänzt werden, sonst bleibt es unbelegte Drift. */
:root[data-accent="sand"] {
  --accent:       #8a6f4a;
  --accent-quiet: #b9a888;
  /* Sand fuer KLEINEN Text auf hellem Grund. 4% dunkler als --accent, mit
     gleichem Farbton und gleicher Saettigung — bei 15px nicht unterscheidbar.
     Grund: gemessen 03.09.2026. --accent auf dem hellen Band (#f3f5f7) liegt
     bei 4,31:1 und verfehlt damit WCAG AA (4,5 fuer Normaltext; 15px fett
     zaehlt NICHT als Grosstext, dafuer braeuchte es 18,66px fett). Auf Weiss
     liegt --accent bei 4,72 und bestand knapp. Der neue Ton erreicht 5,56
     auf Weiss und 5,09 auf dem Band.
     --accent selbst bleibt UNVERAENDERT — es ist die Entscheidung vom
     17.08.2026 und traegt Flaechen und Buttons, wo Kontrast kein Thema ist.
     Zurueck auf einen Ton: hier --accent-text auf #8a6f4a setzen. */
  --accent-text:  #7d6443;
}

/* Nur Red Hat Display, wortgetreu zum Manual */
:root[data-type="display"] {
  --f-text: "Red Hat Display", "Segoe UI", Arial, sans-serif;
  --f-mono: "Red Hat Display", "Segoe UI", Arial, sans-serif;
}