/* Design-Tokens */
:root{
  --bg: #0f172a0a;
  --card: #ffffff;
  --panel: #ffffff;
  --panel-soft: #f8fafc;
  --panel-muted: #f1f5f9;
  --text: #0f172a;
  --muted: #64748b;
  --line: #e2e8f0;
  --line-strong: #cbd5e1;
  /* Brand / Highlight color */
  --blue: #0b5bd3;
  --blue2: #094bb0;
  --blue-soft: rgba(11,91,211,.10);
  --gray: #334155;
  --danger: #ef4444;
  --warn: #f59e0b;
  --ok: #10b981;
  --danger-soft: rgba(239,68,68,.10);
  --warn-soft: rgba(245,158,11,.12);
  --ok-soft: rgba(16,185,129,.12);
  --info-soft: rgba(11,91,211,.10);
  --focus-ring: 0 0 0 4px rgba(11,91,211,.12);

  --r: 16px;
  --r-sm: 12px;
  --r-lg: 18px;
  --shadow: 0 8px 26px rgba(2,6,23,.08);
  --shadow2: 0 2px 8px rgba(2,6,23,.06);
  /* Gleichmaessige Content-Breiten */
  --max: 1240px;
  --content-max: 1120px;
  --tap: 44px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
}