/* Clash Panel — Design-Tokens. Dunkle Grundwelt (TicketPilot/nohesi-Anmutung). */
:root {
  /* Flächen */
  --bg: #050506;
  --surface: #101012;
  --surface-2: #17171a;
  --surface-3: #1f1f23;
  --line: #232328;
  --line-strong: #2e2e34;

  /* Text */
  --ink: #f5f5f6;
  --ink-muted: #9b9ba3;
  --ink-faint: #5c5c64;

  /* Akzente (sparsam) */
  --accent: #ffffff;          /* Primär-Aktionen: hell auf dunkel */
  --accent-ink: #0a0a0b;
  --ok: #34c37a;
  --ok-bg: #0d2018;
  --warn: #e8b45a;
  --warn-bg: #241c0c;
  --danger: #e2536b;
  --danger-bg: #24101a;
  --info: #6f8dff;

  /* Geometrie */
  --radius-s: 8px;
  --radius: 12px;
  --radius-l: 16px;
  --shadow: 0 8px 30px rgba(0, 0, 0, .45);

  /* Typo */
  --font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --mono: ui-monospace, "Cascadia Code", Consolas, monospace;

  /* Bewegung */
  --t-fast: 120ms ease;
  --t: 200ms ease;

  color-scheme: dark;
}

/* Helles Aussehen. Dieselben Rollen, andere Werte — jede Ansicht nutzt nur
   Tokens, deshalb genügt dieser eine Block für das ganze Panel. */
:root[data-theme="hell"] {
  --bg: #f6f6f8;
  --surface: #ffffff;
  --surface-2: #f1f1f4;
  --surface-3: #e6e6ea;
  --line: #e2e2e8;
  --line-strong: #cfcfd7;

  --ink: #16161a;
  --ink-muted: #5f5f6b;
  --ink-faint: #90909d;

  --accent: #16161a;
  --accent-ink: #ffffff;
  --ok: #12905a;
  --ok-bg: #e4f5ec;
  --warn: #a9761b;
  --warn-bg: #fbf1dd;
  --danger: #c8324c;
  --danger-bg: #fbe7ea;
  --info: #3d5bd4;
}