/* ============================================================================
   ENTWURF-PANEL-SCHEMA — TOKEN (verbindlich fuer Entwurf-Panel, panel.g-sv.eu, g-sv.eu)
   ----------------------------------------------------------------------------
   Herkunft: https://games.g-sv.eu/gsv-neu.css?v=gui014-20260924
             (Server: /opt/games-panel/gsv-neu.css, Abschnitt "1. TOKENS",
             Zeilen 30-142 und 237-272). Werte BYTEGLEICH uebernommen.
   Owner 25.09.2026 00:17: "genau so will ich es haben".
   Erzeugt 25.09.2026 von tokens-bau.cjs (ui-planer, Entwurf-Panel).

   Weggelassen: der Block ZWEITNAMEN (--accent, --surface, --ansi-* ...) —
   der ist Altlast des games-JS, kein Teil des Schemas. Wer alte Namen
   braucht, bildet sie in SEINER Projekt-Datei per var() hierauf ab.

   Regel: keine Farbe, kein Abstand, kein Radius ausserhalb dieser Datei.
   Fehlt ein Wert -> unten "TOKEN FEHLT", nicht erfinden.
   ============================================================================ */

:root {
  color-scheme: dark;

  /* Grund: drei Tiefen, damit Karten auf Flächen liegen können */
  --g-0: #0b0e13;          /* der Grund, ganz hinten */
  --g-1: #11151d;          /* Flächen: Rail, Topbar */
  --g-2: #161b25;          /* Karten */
  --g-3: #1d2430;          /* Karten, die hervortreten (Hover, aktiv) */
  --g-4: #262f3d;          /* Eingaben, Chips */

  /* Linien */
  --line: #232c39;
  --line-hell: #33405233;
  --line-stark: #3a4759;
  --haar: 1px;

  /* Schrift */
  --ink: #e8edf5;          /* Haupttext */
  --ink-2: #a9b6c9;        /* Nebentext */
  --ink-3: #6f7f96;        /* Beschriftungen, Einheiten */
  --ink-aus: #4a586c;      /* deaktiviert */

  /* Akzent und Zustände */
  --akz: #35d6a4;          /* GSV-Grün: läuft, Erfolg, primär */
  --akz-tief: #1d9c76;
  --akz-schwach: #35d6a41f;
  --auf-akz: #05130e;       /* Schrift auf Akzentflaeche: 10,22:1 auf --akz dunkel, 5,49:1 auf --akz-tief, 5,25:1 auf --akz hell - gilt fuer beide Themen */
  --warn: #f0b429;
  --warn-schwach: #f0b4291f;
  --gefahr: #ef5b6b;
  --gefahr-schwach: #ef5b6b1f;
  --info: #4aa8ff;
  --info-schwach: #4aa8ff1f;
  --ruhe: #6f7f96;         /* gestoppt, unbekannt */

  /* --ok und --danger: bis 12.09.2026 in KEINER :root-Regel definiert.
     Benutzt wurden sie trotzdem - zweimal im JS mit #hex-Rueckfall (der
     damit immer gewann) und an einem Dutzend weiterer Stellen ganz OHNE
     Rueckfall, wo die Farbe schlicht nicht ankam. Die Werte hier sind
     exakt die bisherigen Rueckfaelle, damit sich am Bild nichts aendert -
     nur die Herkunft. Absichtlich nur hier und nicht im Hell-Block: der
     feste Rueckfall galt bisher auch in beiden Themes. */
  --ok: #34e29b;           /* Erfolg, gelungen */
  --danger: #ff5a72;       /* Fehler, fehlgeschlagen */
  /* --ok-schwach: neu am 12.09.2026, KEINE erfundene Farbe - es ist --ok
     mit genau der 1f-Alpha, die --akz-schwach/--warn-schwach/--gefahr-schwach
     schon tragen. Gebraucht wird sie fuer den Zweitnamen --ok-soft (11x im JS,
     bisher ohne jeden Wert). */
  --ok-schwach: #34e29b1f;

  /* Abstände — eine Leiter, keine freien Zahlen */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;

  /* Radien */
  --r-1: 6px;
  --r-2: 10px;
  --r-3: 14px;
  --r-voll: 999px;

  /* Schriftgrößen */
  --fs-xs: 11px;
  --fs-s: 12.5px;
  --fs-m: 14px;
  --fs-l: 17px;
  --fs-xl: 22px;
  --fs-2xl: 30px;
  --fs-code: 48px;   /* Code-Ziffern (launcher-link.html), Owner 24.09. */

  /* Schriftfamilien */
  --ff: "Inter", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
  --ff-mono: "JetBrains Mono", "Cascadia Mono", "Consolas", ui-monospace, monospace;

  /* Bewegung */
  --t: 140ms;
  --t-lang: 260ms;
  --t-dreh: 800ms;   /* eine Umdrehung Ladekreis, Owner 24.09. */
  --ease: cubic-bezier(.2, .7, .3, 1);

  /* Schatten — sparsam: ein Panel ist kein Schaufenster */
  --sch-1: 0 1px 2px #00000040;
  --sch-2: 0 6px 20px #0000005c;

  /* Maße */
  --rail-b: 232px;
  --topbar-h: 54px;
  --inhalt-max: 1560px;
  --karte-schmal: 440px;   /* schmale Einzelkarte (launcher-link.html), Owner 24.09. */
  /* Hoehe der kleinen Knoepfe. KEINE neue Zahl: .btn.xs trug diese 25 px
     bisher fest in ihrer eigenen Regel; nachgemessen im Browser ist
     .btn.xs.ov-klapp (der Klapp-Knopf im Konsolen-Kopf) genau 25 px hoch.
     Sie bekommt hier nur einen Namen, damit .ov-qcon > .card-h seine
     Mindesthoehe daraus rechnen kann statt aus einer freien Zahl. */
  --h-xs: 25px;

  /* Glas und Schleier. Kein neuer Wert, nur ein neuer Ort: blur(10px) stand
     an allen drei Glas-Stellen dieser Datei (Topbar, Fussleiste, Anmeldekarte),
     die vier Schleier-Hexe standen frei in den Regeln. Beides ist byte-gleich
     hierher gewandert. Absichtlich NICHT im Hell-Block: sie galten bisher in
     beiden Themen gleich, und daran soll sich heute nichts aendern. */
  --blur-glas: 10px;
  --scrim: #05070b99;         /* Rail-Schleier (schmale Breite) */
  --scrim-mittel: #05070ba8;  /* Ladeschleier */
  --scrim-stark: #05070bcc;   /* Dialog- und Palettenschleier */

  /* Verlauf - nur aus vorhandenen Tokens komponiert */
  --verlauf-akz: linear-gradient(135deg, var(--akz), var(--info));

}

/* Helles Thema. Der Rail-Schalter setzt data-theme="light". */
:root[data-theme="light"] {
  color-scheme: light;
  --g-0: #f4f6f9;
  --g-1: #ffffff;
  --g-2: #ffffff;
  --g-3: #eef2f7;
  --g-4: #e4eaf2;
  --line: #dde4ed;
  --line-hell: #dde4ed80;
  --line-stark: #c3cede;
  --ink: #131922;
  --ink-2: #46536a;
  --ink-3: #6b7a92;
  --ink-aus: #a3aebf;
  --akz: #10996f;
  --akz-tief: #0b7a58;
  --akz-schwach: #10996f1a;
  --warn: #b8790a;
  --warn-schwach: #b8790a1a;
  --gefahr: #d3384a;
  --gefahr-schwach: #d3384a1a;
  --info: #1a6fd4;
  --info-schwach: #1a6fd41a;
  --ruhe: #7b8798;
  /* --ok und --danger fehlten hier. Gemessen am 12.09.2026: --ansi-92/96
     zeigen auf --ok, --ansi-91/95 auf --danger, und die Nachtwerte auf dem
     hellen Grund --g-0 kamen auf 1,55:1 bzw. 2,79:1 -- unter jedem Schwellwert.
     Keine neue Farbe: --ok bekommt das hier schon entschiedene --akz, --danger
     das hier schon entschiedene --gefahr. --ok-schwach folgt --ok. */
  --ok: var(--akz);
  --danger: var(--gefahr);
  --ok-schwach: var(--akz-schwach);
  --sch-1: 0 1px 2px #0f172a14;
  --sch-2: 0 8px 24px #0f172a1f;
}

/* ------------------------------------------------------------ TOKEN FEHLT
   games benutzt diese Werte als FREIE Zahlen in den Regeln (gemessen in
   gsv-neu.css). Sie sind hier NICHT als Variable angelegt — der Owner
   entscheidet, ob sie Token werden (schema.md, Frage 2).
     Knopf-Hoehe normal ........ 36px   (.btn, Eingaben)        -> --h-btn ?
     Knopf-Hoehe klein ......... 30px   (.btn.sm, .inp.sm)      -> --h-btn-sm ?
     Knopf-Hoehe Anmeldung ..... 40px   (.auth .btn)            -> --h-btn-l ?
     Symbol-Knopf .............. 34px   (.icon-btn, .logo)
     Symbol normal ............. 18px / 16px im Knopf / 15px klein
     Zustandspunkt ............. 8px    (.dot), 7px (.ld)
     Balken-Hoehe .............. 5px    (.bar)
     Kachel-Mindestbreite ...... 272px  (.gamegrid), 190px (.dash), 140px mobil
     Dialog-Breite ............. 660px  (.modal > *), Menue 190px, Suche 460px
     Anmeldekarte .............. 400px  (.auth-card)
     Textarea-Mindesthoehe ..... 90px
     Fokusring ................. 2px    (:focus-visible)
     Schrift-Gewichte .......... 550 / 600 / 650 / 700 / 800 frei
     Zeilenhoehe ............... 1.5 Text, 1.25 Titel
     Hover Primaerknopf ........ color-mix(... #fff)  -> freies #fff
     Gefahr-Hover Schrift ...... #fff
     Server-Etikett ............ #000000a6 / #fff (.gamever)
   Brechpunkte (keine Variablen moeglich in @media): 1000px Schublade,
   620px eine Spalte, 1100px, 720px, 640px.
   ------------------------------------------------------------------------- */

/* ------------------------------------------------------------ MAIL
   Farben der Mail-Vorlagen des Backends (Entscheid b, panel 27.09.2026):
   die heutigen Mail-Farben byte-gleich als eigene Tokens, damit sich
   sichtbar nichts aendert. Mails koennen kein var() - das Backend liest
   diese Zeilen (src/kern/farben.js, Kopie dieser Datei) und setzt die
   Werte inline ein. Nur fuer Mails und Mail-Ergebnisseiten, nicht fuers UI.
   ------------------------------------------------------------------------- */
:root {
  --mail-akzent: #6366f1;         /* Titel, Knopf, Verlauf-Start */
  --mail-akzent-2: #8b5cf6;       /* Verlauf-Ende */
  --mail-akzent-3: #a78bfa;       /* Akzent hell (dunkle Vorlage) */
  --mail-ok: #22c55e;             /* Erfolg (Streifen, Ereignis) */
  --mail-ok-stark: #16a34a;       /* Erfolg auf Ergebnisseite */
  --mail-fehler: #ef4444;         /* Alarm, Fehler-Ereignis */
  --mail-fehler-stark: #dc2626;   /* Fehler auf Ergebnisseite */
  --mail-warn: #f59e0b;           /* Warnung, offene Bestellung */
  --mail-weiss: #fff;          /* Knopfschrift */
  --mail-hell-text: #0f172a;      /* helle Vorlage: Haupttext */
  --mail-hell-text-2: #6b7280;    /* helle Vorlage: Nebentext */
  --mail-hell-text-3: #9ca3af;    /* helle Vorlage: Fusszeile */
  --mail-hell-linie: #e5e7eb;     /* helle Vorlage: Trennlinie */
  --mail-hell-flaeche: #f3f4f6;   /* helle Vorlage: Tabellenkopf */
  --mail-dunkel-grund: #0a0a14;   /* dunkle Vorlage: Grund */
  --mail-dunkel-grund-2: #0f0f1a; /* Benachrichtigung: Grund */
  --mail-dunkel-karte: #161728;   /* dunkle Vorlage: Karte */
  --mail-dunkel-karte-2: #1a1b2e; /* Benachrichtigung: Karte */
  --mail-dunkel-kasten: #12131f;  /* Benachrichtigung: Kasten */
  --mail-dunkel-flaeche: #1e1f35; /* Benachrichtigung: Flaeche */
  --mail-dunkel-code: #0d0e1a;    /* Schluessel-Feld */
  --mail-dunkel-linie: #2a2b3d;   /* dunkle Vorlage: Rand */
  --mail-dunkel-titel: #f1f5f9;   /* dunkle Vorlage: Titel */
  --mail-dunkel-text: #e2e8f0;    /* dunkle Vorlage: Text */
  --mail-dunkel-text-2: #94a3b8;  /* dunkle Vorlage: Nebentext */
  --mail-dunkel-text-3: #64748b;  /* dunkle Vorlage: Fusszeile */
  --mail-dunkel-fuss: #4a5568;    /* Benachrichtigung: Fusszeile */
  --mail-dunkel-fuss-2: #2d3748;  /* Benachrichtigung: Fuss-Adresse */
  --mail-log-grund: #111;      /* Alarm-Mail: Log-Kasten */
  --mail-log-text: #eee;       /* Alarm-Mail: Log-Text */
  --mail-seite-grund: #0f1115;    /* Webspace-Platzhalterseite: Grund */
  --mail-seite-text: #e6e8ec;     /* Webspace-Platzhalterseite: Text */
}