/* Gestaltungsmarken.
 *
 * Alle Farben, Radien und Abstände stehen hier und nirgends sonst. Die Werte sind aus dem
 * Entwurf abgelesen — liegt das ursprüngliche CSS vor, ist das Angleichen ein Austausch
 * dieser Datei und keine Überarbeitung der Oberfläche.
 */

:root {
    /* ---- Flächen ----

       Aufgehellt und leicht erwärmt. Die erste Fassung war fast schwarz (#0b100d) und der
       Abstand zwischen Hintergrund, Kasten und erhöhtem Kasten lag bei wenigen Prozent
       Helligkeit — am Abend sah das aus wie ein Loch mit Karten darin, und die Kanten der
       Kästen verschwanden.

       Jetzt liegen die vier Stufen weit genug auseinander, dass man sie ohne Rahmenlinie
       unterscheidet, und keine ist mehr fast schwarz. Es bleibt eine dunkle Oberfläche —
       Spielkarten sind hell, und ein heller Untergrund nähme ihnen den Halt. */
    --bg: #16211c;              /* Seitenhintergrund: dunkles Waldgrün, nicht Schwarz */
    --bg-bar: #1b2823;          /* Kopfleiste */
    --panel: #223029;           /* Seitenleisten-Karten */
    --panel-raised: #2b3b33;    /* Erhöhte Elemente darin */
    --line: #3a4d43;            /* Trennlinien und Rahmen */
    --line-soft: #2e3f37;

    --scroll-thumb: #445a4f;    /* Bildlaufleiste */
    --scroll-thumb-hover: #5c7768;

    /* ---- Tisch ----
       Ein sattes, gepflegtes Grün statt des vorherigen Moosbraun-Grüns. Der Verlauf von der
       Mitte zum Rand bleibt, wird aber flacher — vorher fiel er so weit ab, dass die Ecken
       schwarz wirkten. */
    --felt-center: #2c6b4b;
    --felt-edge: #1e4d36;
    --felt-line: #3d8560;

    /* ---- Schrift ----
       Alle drei Stufen angehoben. Auf dem helleren Grund wären die alten Werte sonst
       schwächer geworden statt besser — besonders die dritte, die vorher schon am Rand des
       Lesbaren lag. */
    --text: #f0f3ee;
    --text-dim: #cbd6ce;
    --text-faint: #93a29a;

    /* ---- Betonung ---- */
    --accent: #e0a63c;          /* Bernstein: aktiver Zug, eigene Zeile, Hauptknopf */
    --accent-soft: rgba(224, 166, 60, 0.14);
    --accent-bright: #efb84e;   /* Bernstein unter dem Mauszeiger */
    --accent-line: rgba(224, 166, 60, 0.4);
    --accent-ink: #1a1206;      /* Schrift auf bernsteinfarbenem Grund */

    --danger: #c8544a;
    --danger-soft: rgba(200, 84, 74, 0.14);
    --danger-line: rgba(200, 84, 74, 0.35);

    /* ---- Parteien ----
       Blau und Rot, weit genug auseinander, um im Vorbeischauen unterscheidbar zu sein.
       Jede Partei in drei Stufen: voll für eine Ansage, gedämpft für eine Partei, die
       ohnehin offenliegt, und die passende Schriftfarbe für den gedämpften Grund. */
    --re: #3f7fc4;
    --re-soft: rgba(63, 127, 196, 0.22);
    --re-line: rgba(63, 127, 196, 0.55);
    --re-ink: #a6c8ee;

    --kontra: #b8503a;
    --kontra-soft: rgba(184, 80, 58, 0.22);
    --kontra-line: rgba(184, 80, 58, 0.55);
    --kontra-ink: #eaa693;

    /* ---- Plätze ---- */
    --seat-0: #d99a2b;
    --seat-1: #6d51ab;
    --seat-2: #1f8080;
    --seat-3: #2f8154;

    /* ---- Karten ---- */
    --card-face: #f4f2ec;
    --card-edge: #c9c4b6;
    --card-red: #b4322c;
    --card-black: #1c1f1d;
    --card-back: #9b2b28;
    --card-back-dark: #6f1c1a;

    /* ---- Maße ---- */
    --radius-sm: 6px;
    --radius: 10px;
    --radius-lg: 16px;
    --radius-pill: 999px;

    /* Weichere Schatten. Auf dem helleren Grund wirkte das alte, fast schwarze Abtropfen
       schmutzig statt erhaben — Tiefe entsteht jetzt aus dem Helligkeitsunterschied der
       Flächen und nur noch zum Teil aus dem Schatten. */
    --shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.25);
    --shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
    --shadow-lift: 0 14px 28px rgba(0, 0, 0, 0.38);

    --font: "Inter", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
    --font-mono: "JetBrains Mono", "Cascadia Mono", ui-monospace, "Consolas", monospace;
}