/* Farbsystem: Schwarz und Weiß, dazwischen neutrale Grautöne ohne Farbstich.
   Farbe gibt es nur, wo sie etwas bedeutet: Grün/Rot für Plus/Minus und
   Bull/Bear, Gelb für Warnungen.

   Kontraste (geprüft gegen die jeweilige Hintergrundfläche):
     --text-primary   auf --bg-base      ≈ 21:1
     --text-secondary auf --bg-surface   ≈  8:1
     --text-muted     auf --bg-surface   ≈  4.6:1  (nur für Nebeninfos)
   "Akzent" ist hier Weiß; hervorgehoben wird über Helligkeit statt Farbe. */

:root {
  color-scheme: dark;

  --bg-base: #000000;
  --bg-surface: #0b0b0b;
  --bg-elevated: #171717;
  --bg-hover: #1f1f1f;

  --border: #242424;
  --border-strong: #3a3a3a;

  --accent: #ffffff;
  --accent-soft: #e5e5e5;
  --accent-wash: rgba(255, 255, 255, 0.07);
  --accent-glow: rgba(255, 255, 255, 0.22);

  --text-primary: #ffffff;
  --text-secondary: #a3a3a3;
  --text-muted: #767676;

  --danger: #f87171;
  --success: #34d399;
  --warning: #fbbf24;

  --radius-lg: 14px;
  --radius: 10px;
  --radius-sm: 7px;

  --titlebar-h: 40px;
  --gap: 12px;

  --font: -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI",
    system-ui, "Helvetica Neue", sans-serif;
  --font-num: "SF Mono", "Cascadia Mono", "Segoe UI Mono", ui-monospace, monospace;

  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}