:root[data-theme="light"]{
  --bg:#fdf8f2;
  --bg2:#fff8f0;
  --card-bg:rgba(255,250,243,0.97);
  --field-bg:#ffffff;
  --nav-bg:rgba(253,248,242,0.95);
  --modal-bg:#fdf8f2;
  --overlay-bg:rgba(60,30,10,0.55);
  --shell-bg:#ede0d0;
  --shell-shadow:rgba(140,80,40,0.18);
  --border:#e0ccb8;
  --border2:#c8a888;
  --track-bg:#ede0d0;
  --text:#1e0e00;
  --text2:#5a3218;
  --text3:#8a5c38;
  --text4:#b88860;
  --gold:#a85822;
  --gold2:#c87040;
  --gold-bg:rgba(168,88,34,0.07);
  --gold-border:rgba(168,88,34,0.28);
  --result-yes:#1e7a38;
  --result-yes-bg:rgba(30,122,56,0.07);
  --result-no:#cc1818;
  --result-no-bg:rgba(204,24,24,0.07);
  --deco-color:#d4a888;
  --name-size:30px;
  --name-weight:700;
  --name-color:#6a2800;
  --name-spacing:-0.5px;
  --btn-primary-bg:linear-gradient(135deg,#a85822,#6a2800);
  --btn-primary-text:#fff;
  --btn-radius:22px;
  --el-wood-bg:#edf6ed;  --el-wood-border:#7aaa7a;
  --el-fire-bg:#fdf0f0;  --el-fire-border:#dd7070;
  --el-earth-bg:#fdf5e6; --el-earth-border:#c8a855;
  --el-metal-bg:#f0f0f8; --el-metal-border:#9090b5;
  --el-water-bg:#eef4fc; --el-water-border:#6090c5;
}
[data-theme="light"] body{background:var(--bg);color:var(--text)}
[data-theme="light"] .app-name{font-style:italic}
[data-theme="light"] .deco-row{color:var(--deco-color)}
[data-theme="light"] .auth-tab.active{color:var(--gold);border-bottom-color:var(--gold)}
[data-theme="light"] .theme-opt.active{background:var(--gold);color:#fff}