/* ks-theme.css — gemeinsame Darcula-Palette der KI Sandbox (Werkstatt, Portal, Teilen, Daten), 04.11.2026,
 * kutego-sandbox-darcula-plan.md. Nur Darcula, kein Hell-Modus. Quelle cluster-docs/scripts/code-agent-abnahme/werkstatt/ks-theme.css,
 * ausgeliefert als /ks-theme.css in allen Bereichen (statisch VM801). Klassen/IDs englisch (User 04.11.). */
:root {
  color-scheme: dark;
  --ks-bg: #2B2B2B;          /* Editor-/Arbeitsfläche */
  --ks-bg-deep: #1E1F22;     /* Terminal, tiefe Flächen */
  --ks-panel: #3C3F41;       /* Leisten, Kopf, Seitenpaneele */
  --ks-panel-alt: #313335;   /* Bühne hinter der Vorschau */
  --ks-card: #393B40;        /* Karten/Einträge im Chat */
  --ks-border: #2B2B2B;      /* Trennlinien zwischen Paneelen */
  --ks-line: #515151;        /* Rahmen von Feldern/Karten */
  --ks-text: #BBBBBB;
  --ks-text-dim: #ADB0B3;     /* 04.11. Review: Kontrast >= 4.5 auf Paneel */
  --ks-text-faint: #ADADAD;   /* 04.11. Review: Kontrast >= 4.5 auf Hintergrund */
  --ks-text-bright: #DDDDDD;
  --ks-accent: #4A88C7;
  --ks-accent-bg: #2F3E4E;
  --ks-active: #4E5254;
  --ks-hover: #4B4D4F;
  --ks-btn: #4C5052;
  --ks-btn-border: #5E6060;
  --ks-primary: #365880;
  --ks-primary-border: #4C708C;
  --ks-ok: #629755;      --ks-ok-bg: #344134;
  --ks-warn: #E8BF6A;    --ks-warn-bg: #4A4030;
  --ks-err: #FF8A87;     --ks-err-bg: #4A2C2C;
  --ks-link: #589DF6;
  --ks-sandbox: #B00020;
  --ks-input: #45494A;
  --ks-mono: ui-monospace, "JetBrains Mono", SFMono-Regular, Menlo, Consolas, monospace;
  --ks-font: 13px/1.45 system-ui, -apple-system, "Segoe UI", sans-serif;
}
html.ks-darcula, html.ks-darcula body { background: var(--ks-bg); color: var(--ks-text); }
html.ks-darcula { scrollbar-color: #5A5D5F var(--ks-bg); }
html.ks-darcula * { scrollbar-color: #5A5D5F transparent; }
html.ks-darcula ::-webkit-scrollbar { width: 10px; height: 10px; }
html.ks-darcula ::-webkit-scrollbar-thumb { background: #5A5D5F; border-radius: 6px; border: 2px solid transparent; background-clip: padding-box; }
html.ks-darcula ::-webkit-scrollbar-track { background: transparent; }
html.ks-darcula a { color: var(--ks-link); }
html.ks-darcula :focus-visible { outline: 2px solid var(--ks-accent); outline-offset: 1px; }
html.ks-darcula input, html.ks-darcula textarea, html.ks-darcula select {
  background: var(--ks-input); color: var(--ks-text); border: 1px solid #646464; border-radius: 4px; }
html.ks-darcula input::placeholder, html.ks-darcula textarea::placeholder { color: var(--ks-text-faint); }
html.ks-darcula code { color: #A9B7C6; }
/* 04.11. (User): Badges/Pillen/Chips eckig wie in PhpStorm statt rund — gilt in allen Bereichen. */
html.ks-darcula :is(.pille, .chip, .badge, .zahl, .marker, .schwere, .c-badge, #fortschritt span, #arbeitet, #reiter button .zahl) { border-radius: 3px; }