/* ============================================================
   byRichard Design System · v1 · Dunkle Palette
   NUR die Werte, die sich gegenueber tokens.css aendern.
   Diese Datei enthaelt bewusst KEINEN Selektor — _bin/build-ui
   setzt sie in beide Kontexte ein (Systemvorgabe und Umschalter),
   damit der Wert trotzdem nur einmal existiert.

   Grundgedanke: die Rollen bleiben, die Helligkeiten wandern.
   Was hell "Leinwand" hiess, ist dunkel die tiefste Flaeche; was
   hell "dunkle Sektion" hiess, ist dunkel die angehobene. Der
   Wechsel hell/dunkel als Gliederung bleibt damit erhalten.
   ============================================================ */

  color-scheme: dark;

  /* ---------- Interaktion ----------
     Das helle Blau traegt auf dunklem Grund nicht; es weicht dem
     helleren Systemblau. Es bleibt genau ein Akzent.            */
  --dt-primary:          #0a84ff;
  --dt-primary-focus:    #0a84ff;
  --dt-primary-on-dark:  #2997ff;

  /* ---------- Text ----------
     Die Namen beschreiben die Rolle, nicht die Helligkeit —
     darum kippen die Werte, ohne dass ein Name falsch wird.     */
  --dt-ink:              #f5f5f7;
  --dt-body:             #f5f5f7;
  --dt-body-on-dark:     #f5f5f7;
  --dt-body-muted:       #98989d;
  --dt-ink-muted-80:     #c7c7cc;
  --dt-ink-muted-48:     #8e8e93;

  /* ---------- Linien ---------- */
  --dt-divider-soft:     #2c2c2e;
  --dt-hairline:         #38383a;
  --dt-hairline-border:  1px solid rgba(255, 255, 255, 0.12);

  /* ---------- Flaechen ---------- */
  --dt-canvas:           #000000;
  --dt-canvas-parchment: #1c1c1e;
  --dt-surface-card:     #1c1c1e;
  --dt-surface-pearl:    #1c1c1e;
  --dt-surface-tile-1:   #1c1c1e;
  --dt-surface-tile-2:   #2c2c2e;
  --dt-surface-tile-3:   #161618;
  --dt-surface-black:    #000000;
  --dt-surface-chip:     rgba(72, 72, 74, 0.72);

  /* Die Navigation ist schwarz wie die Leinwand — ohne Haarlinie
     verloere sie ihre Kante. Im Hellen ist die Linie unsichtbar. */
  --dt-nav-border:       rgba(255, 255, 255, 0.14);

  --dt-utility-bg:       rgba(255, 255, 255, 0.16);
  --dt-utility-fg:       #f5f5f7;

  /* ---------- Status ----------
     Die gedeckten Varianten verlieren auf Schwarz den Kontrast. */
  --dt-status-ok:        #30d158;
  --dt-status-warn:      #ff9f0a;
  --dt-status-err:       #ff453a;