/* Werkzeugkasten · Stil „Signal“ (hlsbrg, Entwurf C1 „Signal Terminal“, Konzept Richtung C, Stand 02.10.2026)
   Mutig, technisch, unverwechselbar: Dunkel als Standard (App setzt data-theme="dunkel"), Monospace-Überschriften,
   harte Kanten, Punktraster, Signal-Lime als einziger Akzent, Karten mit hartem Akzent-Schatten beim Darüberfahren.
   Dunkel: Farben aus dem Konzept (Schwarz #0A0A0A, Graphit #1C1F24, Signal-Lime #C6FF3D, Off-White #EDEDED);
   in der Entwurfsdatei C1 fehlt der Dunkelblock. Hell: Werte aus C1 (data-theme="light").
   Konzept: Barrierefreiheit (Kontrast, reduzierte Bewegung) hier besonders prüfen; Lime nie als Textfarbe auf Hell.
   Braucht tokens.css (design-grundlagen ≥ 0.2), Inter (Baustein schriften) und schriften.css (JetBrains Mono).
   Werte mit (*) sind vom Werkzeugkasten ergänzt oder angepasst. */
[data-stil="signal"] {
  --wk-grund-h: #F3F4EE;                --wk-grund-d: #0A0A0A;   /* C1 hell / Schwarz */
  --wk-flaeche-h: #FFFFFF;              --wk-flaeche-d: #1C1F24;   /* / Graphit */
  --wk-flaeche-2-h: #E9EBE2;            --wk-flaeche-2-d: #24282F;   /* (*) */
  --wk-auswahl-h: #E4F0CF;              --wk-auswahl-d: #2A3312;   /* (*) */
  --wk-text-h: #0A0A0A;                 --wk-text-d: #EDEDED;   /* / Off-White */
  --wk-text-2-h: #2B2E33;               --wk-text-2-d: #CFCFCF;   /* (*) */
  --wk-text-leise-h: #5A6068;           --wk-text-leise-d: #9A9FA6;   /* / (*) */
  --wk-linie-h: #CFD2C6;                --wk-linie-d: #2A2E35;   /* / (*) */
  --wk-linie-stark-h: #7F8479;          --wk-linie-stark-d: #6B717A;   /* (*) */
  --wk-akzent-h: #4D7C0F;               --wk-akzent-d: #C6FF3D;   /* Grün hell / Signal-Lime */
  --wk-auf-akzent-h: #FFFFFF;           --wk-auf-akzent-d: #0A0A0A;
  --wk-haupt-h: #4D7C0F;                --wk-haupt-d: #C6FF3D;
  --wk-auf-haupt-h: #FFFFFF;            --wk-auf-haupt-d: #0A0A0A;
  --wk-fokus-h: #4D7C0F;                --wk-fokus-d: #C6FF3D;
  --wk-gut-h: #4D7C0F;                  --wk-gut-d: #C6FF3D;
  --wk-gut-flaeche-h: #E4F0CF;          --wk-gut-flaeche-d: #232B10;   /* (*) */
  --wk-gut-text-h: #3A5E0B;             --wk-gut-text-d: #D9FF85;
  --wk-gut-rand-h: #4D7C0F;             --wk-gut-rand-d: #C6FF3D;
  --wk-achtung-h: #A15C00;              --wk-achtung-d: #FFC233;   /* (*) */
  --wk-achtung-flaeche-h: #FBEBCF;      --wk-achtung-flaeche-d: #2B2310;
  --wk-achtung-text-h: #5E3700;         --wk-achtung-text-d: #FFD77A;
  --wk-achtung-rand-h: #A15C00;         --wk-achtung-rand-d: #FFC233;
  --wk-fehler-h: #C0262D;               --wk-fehler-d: #FF6B6B;   /* (*) */
  --wk-fehler-flaeche-h: #FBE0E0;       --wk-fehler-flaeche-d: #2E1416;
  --wk-fehler-text-h: #8C1C21;          --wk-fehler-text-d: #FFA3A3;
  --wk-schleier-h: rgba(10,10,10,.5);   --wk-schleier-d: rgba(0,0,0,.75);
  --wk-schatten-1-h: none;              --wk-schatten-1-d: none;
  --wk-schatten-2-h: 5px 5px 0 #4D7C0F; --wk-schatten-2-d: 5px 5px 0 #C6FF3D;   /* harter Akzent-Schatten */
  --wk-schatten-3-h: 0 0 0 1px #0A0A0A; --wk-schatten-3-d: 0 0 0 1px #6B717A;

  --wk-radius-s: 0px; --wk-radius-m: 0px; --wk-radius-l: 0px; --wk-radius-xl: 0px; --wk-radius-rund: 0px;
  --wk-schrift: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --wk-schrift-anzeige: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  --wk-schrift-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  --wk-groesse-titel: 40px; --wk-groesse-abschnitt: 24px; --wk-groesse-gross: 19px;
  --wk-groesse-text: 16px; --wk-groesse-klein: 13px;
  --wk-gewicht-titel: 700; --wk-gewicht-abschnitt: 700; --wk-gewicht-stark: 600;
  --wk-laufweite-titel: -.05em;
  --wk-dauer-kurz: 120ms; --wk-dauer-mittel: 180ms;
}
/* Signal: Knöpfe, Chips, Marken in Mono; Karten verschieben sich mit hartem Schatten; Punktraster (.signal-punkte);
   Eingabezeile mit Prompt (.signal-prompt::before = "$ ") */
[data-stil="signal"] .wk-btn, [data-stil="signal"] .wk-chip, [data-stil="signal"] .wk-pill, [data-stil="signal"] .wk-seg button { font-family: var(--wk-schrift-mono); }
[data-stil="signal"] .wk-marke { font: 500 13px/1.3 var(--wk-schrift-mono); letter-spacing: 0; text-transform: none; }
[data-stil="signal"] .wk-marke::before { content: "> "; color: var(--wk-akzent); }
[data-stil="signal"] .wk-karte { border: var(--wk-strich) solid var(--wk-linie); transition: transform var(--wk-dauer-kurz), box-shadow var(--wk-dauer-kurz); }
[data-stil="signal"] .wk-karte:hover { border-color: var(--wk-akzent); box-shadow: var(--wk-schatten-2); transform: translate(-2px, -2px); }
[data-stil="signal"] .signal-punkte { background-image: radial-gradient(var(--wk-linie) 1px, transparent 1px); background-size: 24px 24px; }
[data-stil="signal"] .signal-prompt::before { content: "$ "; color: var(--wk-akzent); font-family: var(--wk-schrift-mono); }
@media (prefers-reduced-motion: reduce) { [data-stil="signal"] .wk-karte:hover { transform: none; } }