/* 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 ---- */
    --bg: #0b100d;              /* Seitenhintergrund, fast schwarz mit Grünstich */
    --bg-bar: #0e1512;          /* Kopfleiste */
    --panel: #121a16;           /* Seitenleisten-Karten */
    --panel-raised: #17211c;    /* Erhöhte Elemente darin */
    --line: #223029;            /* Trennlinien und Rahmen */
    --line-soft: #1a241f;

    --scroll-thumb: #2a3a33;    /* Bildlaufleiste */
    --scroll-thumb-hover: #3c5449;

    /* ---- Tisch ---- */
    --felt-center: #1d4d36;
    --felt-edge: #113022;
    --felt-line: #2a5c42;

    /* ---- Schrift ---- */
    --text: #e6e9e5;
    --text-dim: #9aa79f;
    --text-faint: #6b776f;

    /* ---- Betonung ---- */
    --accent: #e0a63c;          /* Bernstein: aktiver Zug, eigene Zeile, Hauptknopf */
    --accent-soft: rgba(224, 166, 60, 0.14);
    --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;

    --shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
    --shadow-lift: 0 14px 28px rgba(0, 0, 0, 0.55);

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