/* Vzhled „Zelený (starý BKC)“ – načítá se vždy po site.css, platí jen při <html data-theme="zeleny"> (Osobní → Vzhled).
   Barvy z původních screenshotů hry (bkc/foto hry/Bez názvu.bmp a Bez názvu1.bmp, cca 2007):
   pozadí #003000, levé menu #084d18, vnější rámeček tabulek #ffcf7b, vnitřní čáry #7b9a7b se stínem #002400,
   bílé písmo, hodnoty a odkazy #63aeef, políčka #006500 s bílým okrajem, tlačítka #006500 s oranžovým #ff8200.
   Soubor jen přepisuje: hlavně tokeny z :root v site.css („html[data-theme]“ má vyšší prioritu než „:root“),
   pak pár míst, kde site.css token nemá (menu vlevo, tlačítka, toast, okno). */

html[data-theme="zeleny"] {
  /* plochy */
  --bg: #003000;
  --bg-public: #002400;
  --surface: #003a08;
  --surface-2: #084d18;
  --surface-3: #0d5e20;
  --input: #006500;

  /* čáry */
  --line: #7b9a7b;
  --line-soft: #2c5a2c;
  --line-strong: #ffcf7b;

  /* text */
  --text: #ffffff;
  --muted: #a8c4a8;
  --accent: #ffcf7b;
  --link: #63aeef;

  /* významové barvy: světlejší, ať jsou čitelné na zelené */
  --good: #8fe08f;
  --bad: #ff8a7a;
  --warn: #ffd76b;
  --info: #63aeef;

  /* podklady řádků */
  --row-alt: rgba(255, 255, 255, 0.05);
  --row-highlight: rgba(255, 207, 123, 0.14);
  --row-highlight-edge: #ffcf7b;
  --row-unread: rgba(255, 255, 255, 0.07);
  --row-good: rgba(143, 224, 143, 0.1);
  --row-bad: rgba(255, 138, 122, 0.12);
  --row-info: rgba(99, 174, 239, 0.12);
  --row-warn: rgba(255, 215, 107, 0.1);

  /* barvy funkcí: původní modrá a zelená by na zeleném pozadí zanikly */
  --role-senator: #8fa8ff;
  --role-general: #6fe36f;

  /* typy útoků: zelené odstíny světlejší, ať se na zeleném pozadí neztratí; ostatní zůstávají jako v site.css */
  --atk-par: #b6e070;
  --atk-pru: #5fe6c4;

  /* vlastní tokeny vzhledu (site.css je nemá) */
  --zeleny-menu: #084d18;
  --zeleny-shadow: #002400;
  --zeleny-button: #006500;
  --zeleny-button-hover: #007a00;
  --zeleny-button-text: #ff8200;
}

html[data-theme="zeleny"] .sidebar {
  background: var(--zeleny-menu);
}

html[data-theme="zeleny"] .menu a.active,
html[data-theme="zeleny"] .menu a:hover,
html[data-theme="zeleny"] .menu button:hover {
  border-color: var(--line-strong);
}

html[data-theme="zeleny"] table.grid {
  outline: 1px solid var(--line-strong);
}

html[data-theme="zeleny"] button.btn,
html[data-theme="zeleny"] a.btn,
html[data-theme="zeleny"] input[type="submit"] {
  border-color: var(--line-strong);
  background: var(--zeleny-button);
  color: var(--zeleny-button-text);
}

html[data-theme="zeleny"] button.btn:hover,
html[data-theme="zeleny"] a.btn:hover,
html[data-theme="zeleny"] input[type="submit"]:hover,
html[data-theme="zeleny"] button.btn.primary,
html[data-theme="zeleny"] button.btn.attack-go {
  background: var(--zeleny-button-hover);
  color: var(--white);
}

html[data-theme="zeleny"] input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
html[data-theme="zeleny"] select,
html[data-theme="zeleny"] textarea {
  border-color: var(--white);
}

html[data-theme="zeleny"] .toast,
html[data-theme="zeleny"] dialog.modal {
  background: var(--zeleny-shadow);
}

html[data-theme="zeleny"] .chip,
html[data-theme="zeleny"] .city-img .noimg {
  background: var(--surface);
}