/* ============================================================
   app_tokens.css — Designvariablen und Hilfsklassen (Umbauplan GUI 2.3, 2026-09-30)

   Nur neue Namen. Die bestehenden --bg…/--t…/--buy/--sell in app.css bleiben
   gueltig; die Farbvariablen hier verweisen auf sie. Liegt flach unter static/,
   weil gui.index() die Cache-Kennung nur aus static/*.css bildet.
   ============================================================ */
:root {
  --space-1: 2px; --space-2: 4px; --space-3: 8px; --space-4: 12px; --space-5: 16px; --space-6: 24px;
  --fs-xs: 11px; --fs-s: 12px; --fs-m: 14px; --fs-l: 18px;
  --c-danger: var(--sell); --c-ok: var(--buy); --c-warn: var(--warn);
  --c-live-money: #ff3355;          /* Echtgeld-Kennzeichen, nur dafuer verwenden */
  --radius-s: 4px; --radius-m: 8px;
  --z-dropdown: 100; --z-modal: 1000; --z-toast: 1100;
}
.is-hidden { display: none !important; }
.u-mt-2 { margin-top: var(--space-2); }
.u-mt-3 { margin-top: var(--space-3); }
.u-muted { color: var(--t3); }
.u-w-full { width: 100%; }
.u-ml-auto { margin-left: auto; }
.u-flex-1 { flex: 1; }
/* Echte Schaltflaeche im Aussehen des frueheren div/span (Umbauplan GUI 3.3, 2026-10-01).
   Vor app.css geladen: Komponentenregeln behalten Vorrang, hier steht nur, was ein
   <button> sonst vom Browser mitbringt. */
.u-btn-reset { appearance: none; -webkit-appearance: none; margin: 0; padding: 0; border: 0;
  background: none; color: inherit; font: inherit; letter-spacing: inherit; text-transform: inherit;
  text-align: inherit; line-height: inherit; cursor: pointer; }
.u-btn-block { display: block; width: 100%; }