/* ============ Design-Tokens: Dark (Default) ============ */
:root, :root[data-theme="dark"]{
  --bg:#0b0f1a; --side-bg:#0a0e18; --panel:#131a2b; --panel2:#0f1524;
  --line:#223049; --hover:#172033; --chip:#1b2438; --code-bg:#0a0f1c;
  --txt:#e6ecf7; --muted:#8ea0c0; --muted2:#5f7096;
  /* Spedition Hirsch CI — Markenrot (auf Dunkel leicht angehoben für Kontrast) */
  --accent:#e23b3b; --accent-strong:#7f1d1d; --on-accent:#ffffff;
  --ok-bg:rgba(22,163,74,.14);  --ok-fg:#5fd88b;  --ok-line:rgba(22,163,74,.35);
  --warn-bg:rgba(217,119,6,.14);--warn-fg:#f0b153;--warn-line:rgba(217,119,6,.35);
  --info-bg:rgba(148,163,184,.14);--info-fg:#aab6cc;--info-line:rgba(148,163,184,.32);
  --bad-bg:rgba(239,68,68,.13); --bad-fg:#f19a9a; --bad-line:rgba(239,68,68,.4);
  --blue-bg:rgba(79,124,255,.15);--blue-fg:#93b1ff;
  --ro-bg:#0e2018; --ro-line:#1e3a2a; --ro-fg:#7ee2a8;
  --radius:12px; --shadow:0 6px 24px rgba(0,0,0,.35);
  --shadow-pop:0 18px 50px rgba(0,0,0,.5);
  --card-grad:linear-gradient(180deg,var(--panel),var(--panel2));
  /* Semantische Aliase — von app.css + mehreren Views genutzt. Verweisen auf die
     Theme-Tokens, folgen darum automatisch Hell/Dunkel (keine Neudefinition nötig). */
  --card:var(--panel); --border:var(--line); --fg:var(--txt);
}
/* ============ Light ============ */
:root[data-theme="light"]{
  /* Spedition Hirsch CI — App-Background, Card White, Border Gray, Deep Anthracite */
  --bg:#f5f7fa; --side-bg:#ffffff; --panel:#ffffff; --panel2:#ffffff;
  --line:#e2e8f0; --hover:#f0f3f9; --chip:#eef1f7; --code-bg:#f6f7fb;
  --txt:#1c1e21; --muted:#5c6b88; --muted2:#8b97ad;
  --accent:#d32f2f; --accent-strong:#b71c1c; --on-accent:#ffffff;
  --ok-bg:#e6f2e7;  --ok-fg:#2e7d32;  --ok-line:#c3e0c4;
  --warn-bg:#fdf1e2;--warn-fg:#c96a00;--warn-line:#f6dcb6;
  --info-bg:#eef1f6;--info-fg:#475569;--info-line:#d6dde6;
  --bad-bg:#fdeaea; --bad-fg:#c62828; --bad-line:#f2c4c4;
  --blue-bg:#e8eefe; --blue-fg:#2f56c6;
  --ro-bg:#e9f7ef; --ro-line:#c4e7d1; --ro-fg:#137a42;
  --radius:12px; --shadow:0 1px 3px rgba(24,32,58,.07),0 8px 24px rgba(24,32,58,.06);
  --shadow-pop:0 18px 50px rgba(24,32,58,.22);
  --card-grad:var(--panel);
}