/* Design-Tokens — Dispatch-Konsole (dark default) + Control-Room (light).
   Exakte Hex-Werte aus 01-UI-SPEC.md "Color". */

:root,
[data-theme="dark"] {
  /* Dark — Dispatch-Konsole (Default) */
  --bg: #0B1120;
  --surface: #111A2E;
  --surface-2: #182338;
  --border: #233047;
  --border-strong: #2E3D57;
  --text: #E6ECF5;
  --text-muted: #9AA7BD;
  --text-faint: #6B7891;
  --accent: #F4B740;
  --accent-strong: #F4B740;
  --accent-ink: #0B1120;
  --danger: #E5484D;
  --danger-ink: #0B1120;

  /* Status-Palette (separat vom Amber-Akzent, kollisionsfrei) */
  --st-queued: #8593AD;
  --st-sent: #3FB98C;
  --st-opened: #4FA8E8;
  --st-clicked: #8B7BF0;
  --st-soft: #A67C2E;
  --st-hard: #E5484D;
  --st-spam: #D6336C;
  --st-suppressed: #6B7891;
  --st-failed: #E5484D;
}

[data-theme="light"] {
  /* Light — Control-Room */
  --bg: #F4F6FA;
  --surface: #FFFFFF;
  --surface-2: #EAEEF5;
  --border: #D5DCE6;
  --border-strong: #C2CBDA;
  --text: #16202E;
  --text-muted: #4A576B;
  --text-faint: #7A879C;
  --accent: #E89611;
  --accent-strong: #B26A00;
  --accent-ink: #16202E;
  --danger: #C4292E;
  --danger-ink: #FFFFFF;

  --st-queued: #5C6B85;
  --st-sent: #1E8E63;
  --st-opened: #1E7BC4;
  --st-clicked: #5B4BD6;
  --st-soft: #8A6410;
  --st-hard: #C4292E;
  --st-spam: #B21E63;
  --st-suppressed: #6A768C;
  --st-failed: #C4292E;
}

:root {
  /* Spacing-Scale {4,8,16,24,32,48,64} — bewusst KEIN 12er-Token */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;

  /* Schriften */
  --font-ui: "IBM Plex Sans", system-ui, -apple-system, Segoe UI, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Typo: 4 Größen (24/18/14/12 als rem) × 2 Gewichte (400/600) */
  --fs-display: 1.5rem;   /* 24 */
  --fs-heading: 1.125rem; /* 18 */
  --fs-body: 0.875rem;    /* 14 */
  --fs-label: 0.75rem;    /* 12 */
  --fw-regular: 400;
  --fw-semibold: 600;
  --lh-display: 1.25;
  --lh-heading: 1.3;
  --lh-body: 1.5;
  --lh-label: 1.4;

  /* Amber-Focus-Ring: 2px + 2px Offset */
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;

  /* Layout-Dimensionen */
  --sidebar-w: 240px;
  --iconrail-w: 64px;
  --content-max: 1440px;
  --row-h: 36px;
  --row-h-action: 44px;
  --control-h: 32px;
}