html[data-theme='light'] {
  color-scheme: light;
}

html[data-theme='dark'] {
  color-scheme: dark;
}

html[data-theme='light'] input[type='checkbox'] {
  accent-color: #5f4b84;
  color-scheme: light;
}

html[data-theme='dark'] input[type='checkbox'] {
  accent-color: #a38bcf;
  color-scheme: dark;
}

html[data-theme='dark'] body {
  background: radial-gradient(circle at 0% 0%, rgba(17, 24, 39, 0.18), transparent 30%),
    radial-gradient(circle at 100% 0%, rgba(38, 42, 48, 0.26), transparent 32%),
    linear-gradient(160deg, #111315 0%, #15181c 100%) !important;
}

html[data-theme='dark'] .hero {
  background: linear-gradient(125deg, rgba(38, 42, 48, 0.92), rgba(26, 30, 35, 0.94)) !important;
}

html[data-theme='dark'] .panel,
html[data-theme='dark'] .card,
html[data-theme='dark'] .category,
html[data-theme='dark'] .item,
html[data-theme='dark'] .order,
html[data-theme='dark'] .review,
html[data-theme='dark'] .variant-material,
html[data-theme='dark'] .thumb,
html[data-theme='dark'] .link-row,
html[data-theme='dark'] .stat,
html[data-theme='dark'] .search,
html[data-theme='dark'] .reset,
html[data-theme='dark'] .sort,
html[data-theme='dark'] footer {
  background: rgba(36, 40, 46, 0.88) !important;
  border-color: rgba(124, 91, 178, 0.42) !important;
}

html[data-theme='dark'] .quick-links a,
html[data-theme='dark'] .btn,
html[data-theme='dark'] .back,
html[data-theme='dark'] .ghost-btn,
html[data-theme='dark'] .link-btn,
html[data-theme='dark'] .add-btn,
html[data-theme='dark'] .checkout,
html[data-theme='dark'] .submit,
html[data-theme='dark'] .btn-main,
html[data-theme='dark'] .btn-alt,
html[data-theme='dark'] .social a,
html[data-theme='dark'] .nav a,
html[data-theme='dark'] .nav button,
html[data-theme='dark'] button {
  background: rgba(42, 47, 55, 0.92) !important;
  color: #e5e7eb !important;
  border-color: rgba(124, 91, 178, 0.5) !important;
  box-shadow: inset 0 0 0 1px rgba(163, 139, 207, 0.2);
}

html[data-theme='dark'] .nav a.active {
  background: rgba(56, 61, 70, 0.96) !important;
}

html[data-theme='dark'] input:not([type='checkbox']):not([type='radio']):not([type='color']):not([type='file']),
html[data-theme='dark'] select,
html[data-theme='dark'] textarea {
  background: rgba(42, 47, 55, 0.9) !important;
  color: #e5e7eb !important;
  border-color: rgba(124, 91, 178, 0.45) !important;
}

html[data-theme='dark'] .card img,
html[data-theme='dark'] .gallery-main,
html[data-theme='dark'] .thumbs {
  background: rgba(30, 34, 39, 0.92) !important;
}

html[data-theme='dark'] .gallery-badge {
  background: rgba(18, 23, 28, 0.88) !important;
}

html[data-theme='dark'] .hero p,
html[data-theme='dark'] .small,
html[data-theme='dark'] .sub,
html[data-theme='dark'] .variant-line,
html[data-theme='dark'] .check,
html[data-theme='dark'] .result-note,
html[data-theme='dark'] .maker-line,
html[data-theme='dark'] .legal a,
html[data-theme='dark'] .category summary::after {
  color: #9ca3af !important;
}

html[data-theme='dark'] .chip {
  color: #d1d5db !important;
  background: rgba(55, 65, 81, 0.5) !important;
}