/* koetting.io Design-System Tokens - Stand 2026-07-21 */
:root{
  /* Doku-Seiten-Chrome (nur diese Seite) */
  --doku-bg:#101210; --doku-ink:#F2F3F0; --doku-soft:#98A09A; --doku-line:#252A26;
  /* Gruende und Flaechen */
  --g-dunkel:#121412; --g-dunkler:#0E100E; --f-dunkel:#1A1D1A;
  --g-hell:#F7F5F0; --f-hell:#FDFCF9;
  /* Text */
  --head-dunkel:#F7F5EE; --t-dunkel:#F2F0E9; --t-soft-d:#9AA096; --t-dim-d:#616760;
  --h-hell:#1F221C; --t-hell:#262822; --t-soft-h:#5C5B52; --lbl-hell:#8A887E;
  /* Border */
  --line-d:#262A25; --line-h:#E4E1D8; --input-border:#C9C5B8;
  --ghost-border-d:#3A443C; --ghost-border-h:#CFCBBE;
  /* Aktion (Terracotta) */
  --terra:#A84C31; --terra-hover:#8F3E27; --btn-text:#FFFFFF;
    --btn-y-o:12px; --btn-x:22px; --btn-y-u:14px; --btn-linie-b:9px;
    --btn-y-o-k:9px; --btn-x-k:16px; --btn-y-u-k:11px; --btn-linie-b-k:6px;
  --link-dunkel:#CE7856; --link-dunkel-hover:#E0906F;
  /* Status */
  --signal:#33E08D; --signal-tief:#12A870; --warn:#E0A93C; --fehler:#E4584B; --fehler-text:#B23227;
  /* Glas, Glow, Sonstiges */
  --head-glas:rgba(14,16,14,.92); --panel-glas:rgba(14,16,14,.97);
  --fokus-schatten:rgba(31,34,28,.08); --glow:rgba(51,224,141,.3);
  --chip-rand:rgba(255,255,255,.18); --selection-ink:#0B120E;
  --tab-hell:#DEE3E0; --tab-dunkel:#2A2E2B;
  /* Abstands-Skala (4px-Basis) */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px;
  /* Form */
  --radius:4px;
  /* Punkt-Familie */
  --dot:8px; --dot-wm:5px; --dot-wm-gap:1.5px;
  /* Naht */
  --kante:-0.5deg; --naht-linie:2px; --naht-linie-hover:3px; --puls-segment:120px;
  /* Schrift */
  --sans:'Inter Tight',-apple-system,"Segoe UI","Helvetica Neue",Arial,system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,"SF Mono","Cascadia Mono",Consolas,monospace;
}