:root {
    --card-width: 60px;
    --card-height: 90px;
    --card-radius: 6px;
    --bg-color: #2c3e50;
    /* Filz bleibt in beiden Themes dunkel — ein Kartentisch ist ein Kartentisch.
       Deshalb gelten unten durchgaengig die Dark-Werte der Spielinhalt-Palette. */
    --felt-color: #2c4a34;

    /* Uno Colors — Spielregel, muessen klar unterscheidbar bleiben.
       Zuordnung auf die gemeinsame Palette (docs/design/2026-08-08-entneonung.md):
       rot=--arc-play-4, gelb=--arc-play-3, gruen=--arc-play-2, blau=--arc-play-1. */
    --color-red: #e07a80;
    --color-yellow: #e0aa5f;
    --color-green: #6fc08a;
    --color-blue: #6aa3e0;
    --color-black: #222;

    /* Extended Colors — nur in Sonder-Decks.
       lila=--arc-play-5, tuerkis=--arc-play-6; orange und pink haben kein
       eigenes Token und sind im selben gedaempften Register ergaenzt, damit
       acht Farben nebeneinander noch auseinanderzuhalten sind. */
    --color-orange: #d4763f;
    --color-purple: #a898e0;
    --color-cyan: #6fbfba;
    --color-pink: #e089c0;

    /* Kartenfarben, die weissen Text tragen (Badges, UNO-Knopf):
       dunklere Variante derselben Farbe, damit 4.5:1 erreicht wird. */
    --color-red-deep: #b1424c;
    --color-blue-deep: #2f6bb0;
}

/* Responsive Scaling for Variables */
@media (min-width: 768px) {
    :root {
        --card-width: 80px;
        --card-height: 120px;
        --card-radius: 8px;
    }
}

@media (min-width: 1024px) {
    :root {
        --card-width: 110px;
        --card-height: 165px;
        --card-radius: 12px;
    }
}