/* Austauschbares Theme – angelehnt an einen Scan des Original-Scrabble-Bretts.
   Look von Brett & Steinen wird hier über Variablen (und Grafiken im Ordner
   /assets/) gesteuert. Für ein anderes Design einfach die Werte ändern. */

:root {
  /* App-Rahmen / Hintergrund (dunkelgrüner Verlauf wie im Vorbild) */
  --bg-top: #1f4a2a;
  --bg-bottom: #0c2413;
  --panel: rgba(18, 46, 28, 0.92);
  --panel-2: rgba(12, 34, 20, 0.92);
  --text: #f2efe4;
  --muted: #a9c1b1;
  --border: #2f5f47;
  --accent: #e8b23a;
  --accent-strong: #cf9420;
  --danger: #d23b2e;
  --ok: #2e9e5b;
  --warn: #d38b1f;

  /* Brett – Teal/Blaugrün wie der Original-Scan */
  --board-frame: #0c463b;
  --board-edge: #10574a;
  --cell-normal: #1f8f80;          /* Grundfeld (Teal) */
  --cell-normal-2: #1a7d70;
  --cell-line: #7fc6b8;            /* helle Gitterlinien */

  /* Bonusfelder (erhabene Kacheln). 2W = rosa/lachs wie im Original. */
  --bonus-tw: #e23c2e;             /* 3× Wort (rot) */
  --bonus-tw-2: #b52a1e;
  --bonus-dw: #f0a89a;             /* 2× Wort (rosa/lachs) */
  --bonus-dw-2: #e2897a;
  --bonus-tl: #3f83d4;             /* 3× Buchstabe (mittelblau) */
  --bonus-tl-2: #2f6cbc;
  --bonus-dl: #a9cdec;             /* 2× Buchstabe (hellblau) */
  --bonus-dl-2: #8bb6df;
  --star: #e2a52e;

  /* Steine – Buchenholz-Textur + dunkler Buchstabe */
  --tile-image: url('/assets/textures/beech.png');
  --tile-text: #23331f;
  --tile-shadow: rgba(0, 0, 0, 0.45);

  --radius: 10px;
}