:root[data-theme="light"] {
  --bg: #f4f2fb;
  --bg2: #ffffff;
  --panel: #ffffff;
  --panel2: #f0ebf8;
  --border: #d9cfee;
  --text: #18132b;
  --muted: #675e79;
  --white: #18132b;
  --green: #6d28d9;
  --green-d: #5820b4;
  --accent: #7c3aed;
}

html[data-theme="light"] body,
html[data-theme="light"] .page-main {
  background: linear-gradient(135deg, #f8f6fc, #eee8fa) !important;
  color: var(--text) !important;
}

html[data-theme="light"] .wrap,
html[data-theme="light"] .content-page,
html[data-theme="light"] .desc-box,
html[data-theme="light"] .reviews-box,
html[data-theme="light"] .spec-tag,
html[data-theme="light"] .market-card,
html[data-theme="light"] .game-card,
html[data-theme="light"] .update-card-new {
  color: var(--text) !important;
}

html[data-theme="light"] .games-page,
html[data-theme="light"] .games-content,
html[data-theme="light"] .updates-page {
  background: transparent !important;
  color: var(--text) !important;
}

html[data-theme="light"] .game-card,
html[data-theme="light"] .update-card-new,
html[data-theme="light"] .update-controls,
html[data-theme="light"] .games-sort,
html[data-theme="light"] .games-tabs button {
  background: #ffffff !important;
  border-color: #d9cfee !important;
  color: #241a38 !important;
  box-shadow: 0 8px 24px rgba(49, 29, 88, .08) !important;
}

html[data-theme="light"] .games-tabs button.active,
html[data-theme="light"] .update-filter.active {
  background: linear-gradient(135deg, #6423dc, #8a32ef) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select {
  background-color: #ffffff;
  color: #18132b;
  border-color: #d9cfee;
}