/* QTool Design-Tokens — einzige Quelle fuer Farbe, Radius, Abstand, Hoehe, Schrift.
   Bis hierher standen alle Farben als feste Hex-Werte ueber 6500 Zeilen verstreut.

   Aufbau: heller Satz auf blankem :root, dunkler Satz ZWEIMAL — einmal fuer die
   Systemvorgabe, einmal fuer die ausdrueckliche Wahl. Sonst gewinnt ein Umschalter
   nur in eine Richtung.

   Schrift: bewusst ein System-Stack statt Nunito per CDN. Der Entwurf laedt Nunito von
   fonts.googleapis.com — im Produkt nicht tragbar, weil Electron ueber app:// laedt und
   offline laufen muss. Nunito lokal zu vendoren bleibt eine spaetere Option. */

:root{
  /* QUADRO-Markenfarben. Sie tragen den Charakter des Originals, nicht die Icons. */
  --q-red:#E2001A;
  --q-blue:#005CA9;
  --q-green:#009640;
  --q-yellow:#FFCC00;

  /* Flaechen und Schrift */
  --bg:#EEF1F5;
  --surface:#FFFFFF;
  --surface2:#F6F8FA;
  --ink:#22303C;
  --ink-mut:#5B6B7A;
  --line:#D9E0E8;
  --accent:var(--q-blue);
  /* Text AUF der Akzentflaeche. NICHT --surface benutzen: das ist im Dunkelmodus selbst
     dunkel, und das aktive Rail-Element stand dann dunkelblau auf blau (Kontrast 2,15). */
  --on-accent:#FFFFFF;
  /* Zarte Akzentflaeche: markierte Zeile, Hover in Listen. Braucht eine eigene
     Dunkelmodus-Fassung — ein festes Hellblau macht die Zeile im Dunkelmodus zu einem
     hellen Balken, auf dem heller Text steht (gemessen: Kontrast 1,02). */
  --accent-soft:#E6EFFB;
  --shadow:0 6px 24px rgba(15,30,50,.14);
  --chip-bg:rgba(255,255,255,.94);

  /* Zustandsfarben */
  --danger:#C81E1E;
  --ok:var(--q-green);
  --warn:#8A6D00;

  /* Geometrie der Shell */
  --topbar-h:48px;
  /* Rail-Breite. Sie stand auf 72 px; abzueglich der beidseitigen 8 px Innenabstand
     blieben der Beschriftung 52 px. Gemessen: die deutschen Anpassen-Werkzeuge brauchen
     bis zu 69 px ("Eigenschaften"), also wurde jedes zweite Wort getrennt — in der
     Oberflaeche stand "Verschie-ben", "Duplizie-ren", "Eigen-schaften". Fuer Leseanfaenger,
     also genau die Zielgruppe, ist ein getrenntes Wort deutlich schwerer zu lesen als ein
     ganzes. Englisch war unauffaellig (max. 50 px) — deshalb faellt so etwas nur auf, wenn
     man in der ZWEITEN Sprache hinsieht.
     Gemessen statt gerechnet: bei 88 px blieben der Beschriftung effektiv 68 px, also
     genau einer zu wenig — der Knopf traegt eigenen Innenabstand, den eine Rechnung auf
     dem Papier uebersieht. 92 px lassen 72 px und damit drei Pixel Luft.
     hyphens:auto bleibt als Netz fuer noch laengere Uebersetzungen stehen. */
  --rail-w:92px;
  --dock-w:360px;
  --r-sm:6px;
  --r-md:10px;
  --r-lg:14px;
  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:24px;

  /* Mindest-Trefferflaeche. Abnahmekriterium bei 375 px, siehe Ticket 01. */
  --hit:44px;

  --font-ui:15px/1.45 system-ui,-apple-system,'Segoe UI Variable Text','Segoe UI',Roboto,'Helvetica Neue',sans-serif;
  --font-num:13px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme=light]){
    --bg:#161C23;
    --surface:#212A34;
    --surface2:#1B232C;
    --ink:#E8EDF2;
    --ink-mut:#9FB0C0;
    --line:#36414D;
    --shadow:0 6px 24px rgba(0,0,0,.4);
    --chip-bg:rgba(33,42,52,.94);
    --danger:#FF8A8A;
    --warn:#E8B93A;
    --accent-soft:#1E3A57;
  }
}

:root[data-theme=dark]{
  --bg:#161C23;
  --surface:#212A34;
  --surface2:#1B232C;
  --ink:#E8EDF2;
  --ink-mut:#9FB0C0;
  --line:#36414D;
  --shadow:0 6px 24px rgba(0,0,0,.4);
  --chip-bg:rgba(33,42,52,.94);
  --danger:#FF8A8A;
  --warn:#E8B93A;
  --accent-soft:#1E3A57;
}