:root {
  --absolut-gold:        #E8BA2E;
  --absolut-gold-bright: #F2CB55;
  --absolut-gold-deep:   #B98F14;
  --absolut-gold-soft:   rgba(232,186,46,0.14);

  --ink-900: #0C0C0F;
  --ink-850: #111114;
  --ink-800: #16161B;
  --ink-750: #1C1C21;
  --ink-700: #24242B;
  --ink-650: #2E2E37;
  --ink-600: #3A3A45;
  --paper:   #FFFFFF;

  /* Fläche hinter dem Logo. Die Grafik wird per mix-blend-mode: multiply
     darauf abgebildet, dieser eine Wert steuert also das gesamte Badge.
     Bei #FFFFFF ist das Multiply wirkungslos — die Marke erscheint exakt
     wie in der Datei. Warme Alternative, falls das Weiß zu hart wirkt: #F7F3E8. */
  --logo-canvas: #FFFFFF;

  --line:        rgba(255,255,255,0.08);
  --line-strong: rgba(255,255,255,0.14);

  /* Lesbarkeitsleiter: jede Stufe erreicht auch auf dem hellsten Grund der Seite
     (Hero-Verlauf #2D2717) mindestens WCAG AA. Werte nicht absenken. */
  --text-strong: #F5F5F7;  /* 13.6:1 — Überschriften */
  --text:        #D6D7DD;  /* 10.3:1 — Fließtext */
  --text-muted:  #B4B9C2;  /*  7.5:1 — sekundärer Text, Labels */
  --text-faint:  #9AA0AA;  /*  5.6:1 — Platzhalter, Tertiäres */
  --text-on-gold:var(--ink-800);
  --text-on-paper:var(--ink-800);

  --ok:        #3FB66B;  --ok-bright: #54D27F;  --ok-soft: rgba(63,182,107,0.15);
  --caution:   #F0A732;  --caution-soft: rgba(240,167,50,0.15);
  --warn:      #E8732B;  --warn-soft: rgba(232,115,43,0.15);
  --critical:  #E23D3D;  --critical-bright:#FF5A5A; --critical-soft: rgba(226,61,61,0.15);
  --info:      #6E91B4;  --info-soft: rgba(110,145,180,0.15);
  --cool:      #4FA3C7;

  --bg-app:        var(--ink-850);
  --bg-sunken:     var(--ink-800);
  --surface-card:  var(--ink-750);
  --surface-raised:var(--ink-700);
  --surface-hover: var(--ink-650);
  --border:        var(--line);
  --border-strong: var(--line-strong);

  --action-primary:       var(--absolut-gold);
  --action-primary-hover: var(--absolut-gold-bright);
  --action-primary-press: var(--absolut-gold-deep);
  --on-primary:           var(--text-on-gold);

  --focus-ring: var(--absolut-gold);
}