/* Dark theme for the public pages, chat and admin. The server sets <html data-theme>
   from the visitor's choice: "dark" always, "light" never, no attribute follows the device.
   The same values appear twice because CSS cannot share a block between the two selectors. */
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
  color-scheme:dark;
  --bg:#14121c;--surface:#1d1a28;--surface-2:#191724;--surface-3:#262234;
  --line-soft:#272334;--line:#332e44;--line-strong:#4a4360;
  --text:#efecf6;--text-2:#d9d4e5;--text-muted:#b4aec4;--text-subtle:#9d97ae;--text-faint:#6e6882;--ink:#2e2944;
  --accent-50:#1f1b31;--accent-100:#2a2445;--accent-200:#3a315e;--accent-300:#5b4c93;--accent-400:#9a88ea;
  --accent:#7b65e0;--accent-600:#b3a3f6;--accent-700:#d6ccff;--accent-hover:#6a54d0;
  --ok:#86d3a6;--ok-bg:#15291e;--ok-line:#24442f;--ok-strong:#5fae84;
  --warn:#ebc47e;--warn-bg:#2e2410;--warn-line:#4a3a18;--warn-strong:#d9a253;
  --bad:#f2a397;--bad-bg:#341a17;--bad-line:#57302a;--bad-strong:#e07d6c;
  --teal-bg:#132c2a;
  --shadow-xs:0 1px 2px rgb(0 0 0 / 30%);--shadow-sm:0 1px 3px rgb(0 0 0 / 35%),0 1px 2px rgb(0 0 0 / 25%);
  --shadow-md:0 12px 30px rgb(0 0 0 / 35%);--shadow-lg:0 24px 70px rgb(0 0 0 / 50%);
}}
:root[data-theme=dark]{
  color-scheme:dark;
  --bg:#14121c;--surface:#1d1a28;--surface-2:#191724;--surface-3:#262234;
  --line-soft:#272334;--line:#332e44;--line-strong:#4a4360;
  --text:#efecf6;--text-2:#d9d4e5;--text-muted:#b4aec4;--text-subtle:#9d97ae;--text-faint:#6e6882;--ink:#2e2944;
  --accent-50:#1f1b31;--accent-100:#2a2445;--accent-200:#3a315e;--accent-300:#5b4c93;--accent-400:#9a88ea;
  --accent:#7b65e0;--accent-600:#b3a3f6;--accent-700:#d6ccff;--accent-hover:#6a54d0;
  --ok:#86d3a6;--ok-bg:#15291e;--ok-line:#24442f;--ok-strong:#5fae84;
  --warn:#ebc47e;--warn-bg:#2e2410;--warn-line:#4a3a18;--warn-strong:#d9a253;
  --bad:#f2a397;--bad-bg:#341a17;--bad-line:#57302a;--bad-strong:#e07d6c;
  --teal-bg:#132c2a;
  --shadow-xs:0 1px 2px rgb(0 0 0 / 30%);--shadow-sm:0 1px 3px rgb(0 0 0 / 35%),0 1px 2px rgb(0 0 0 / 25%);
  --shadow-md:0 12px 30px rgb(0 0 0 / 35%);--shadow-lg:0 24px 70px rgb(0 0 0 / 50%);
}