/* Reversible cool-palette study, inspired by the reference's download page. */
:root[data-site-theme="teal"] {
  color-scheme: dark;
  --bg: #0b1318;
  --surface: #101d23;
  --surface-raised: #18282e;
  --bronze: #467f83;
  --bronze-light: #8ccac8;
  --gold: #c1e8de;
  --parchment: #c2d7d5;
  --text: #e7efed;
  --muted: #a5b5b6;
  --rule: #76a9a333;
  --teal: #8ccac8;
  --display-bronze: #64aeb1;
  --display-gold: #a8ded7;
  --display-light: #e7fffa;
  --shell-focus: #b4eee4;
  --shell-surface: linear-gradient(145deg, #1b2b31ed, #0d181df5);
  background: var(--bg);
  color: var(--text);
  transition: background-color .25s ease, color .25s ease;
}
:root[data-site-theme="teal"] ::selection { background: #7bbab766; color: #fff; }
:root[data-site-theme="teal"] .app-bar { background: linear-gradient(180deg, #14242af5, #0c171ced); box-shadow: 0 1px 0 #a1d9d014; }
:root[data-site-theme="teal"] .app-rail { background: linear-gradient(180deg, #122127fb, #091318fb); }
:root[data-site-theme="teal"] .tab-bar { background: linear-gradient(180deg, #17282df5, #0b171cfb); }
:root[data-site-theme="teal"] .download-bg { background: linear-gradient(90deg, #071117e8, #07131a30 60%, #09151b72), linear-gradient(0deg, #08151bf5, #09161b05 55%), url('/assets/images/art/standing-stones-client-v2-1600.webp') center/cover; }
:root[data-site-theme="teal"] .download-panel { background: #0d1a20ed; border-color: #79bab588; box-shadow: 0 20px 70px #0007; }
:root[data-site-theme="teal"] .download-panel .button { background: linear-gradient(115deg, #b9e4d9, #75b8b7); border-color: #d4f5e9; color: #102026; }
:root[data-site-theme="teal"] .download-panel .button:hover { background: linear-gradient(115deg, #d5f5e9, #98d4ce); }
:root[data-site-theme="teal"] .platform-tabs button { background: #112229; border-color: #5b969455; color: #a9bdbc; }
:root[data-site-theme="teal"] .platform-tabs button[aria-pressed="true"] { background: #70bcb51c; border-color: var(--bronze-light); color: var(--bronze-light); }
:root[data-site-theme="teal"] .account-card { background: linear-gradient(145deg, #1b2b31ed, #0d181df5); }
:root[data-site-theme="teal"] .account-content .vk-field input:not([type=checkbox]):not([type=radio]),
:root[data-site-theme="teal"] .account-input-wrap > input { background: #0b171dd1; border-color: #81bebb66; }
:root[data-site-theme="teal"] .theme-preview-toggle { border-color: #8ccac880; color: #c2e8e2; background: #0d1a20dd; }
:root[data-site-theme="teal"] .theme-preview-toggle:hover,
:root[data-site-theme="teal"] .theme-preview-toggle[aria-pressed="true"] { background: #6bb6b51e; border-color: #a9e3d9; color: #e4fff8; }
.theme-preview-toggle { min-height: 42px; margin-top: 28px; padding: 10px 15px; border: 1px solid #d0b47766; border-radius: 999px; background: #0b1111bb; color: var(--parchment); font: 11px/1.3 var(--sans); transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; }
.theme-preview-toggle:hover { transform: translateY(-1px); border-color: var(--bronze-light); background: #d0b47712; color: var(--gold); }
.theme-preview-toggle:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.setting:has([data-theme-choice]) { align-items: flex-start; }
@media(max-width:700px) { .theme-preview-toggle { margin-top: 20px; } }
@media(prefers-reduced-motion:reduce) { .theme-preview-toggle { transition: none; } }