:root[data-theme="dark"]{
  --bg:#111111;
  --bg2:#181818;
  --card-bg:#1a1a1a;
  --field-bg:#222222;
  --nav-bg:rgba(17,17,17,0.94);
  --modal-bg:#1a1a1a;
  --overlay-bg:rgba(0,0,0,0.78);
  --shell-bg:#0a0a0a;
  --shell-shadow:rgba(0,0,0,0.8);
  --border:#303030;
  --border2:#404040;
  --track-bg:#2a2a2a;
  --text:#f0f0f0;
  --text2:#d8d8d8;
  --text3:#aaaaaa;
  --text4:#777777;
  --gold:#d4b060;
  --gold2:#e8c878;
  --gold-bg:rgba(212,176,96,0.10);
  --gold-border:rgba(212,176,96,0.30);
  --result-yes:#44dd77;
  --result-yes-bg:rgba(68,221,119,0.08);
  --result-no:#ff5544;
  --result-no-bg:rgba(255,85,68,0.08);
  --deco-color:#2a2a2a;
  --name-size:26px;
  --name-weight:200;
  --name-color:#f0f0f0;
  --name-spacing:6px;
  --btn-primary-bg:#d4b060;
  --btn-primary-text:#111111;
  --btn-radius:12px;
  --el-wood-bg:#111f11;  --el-wood-border:#3a6a3a;
  --el-fire-bg:#1f1111;  --el-fire-border:#6a2a2a;
  --el-earth-bg:#201808; --el-earth-border:#6a4a18;
  --el-metal-bg:#141420; --el-metal-border:#38386a;
  --el-water-bg:#091525; --el-water-border:#184a78;
}
[data-theme="dark"] body{background:var(--bg);color:var(--text)}