html[data-theme="neonAds"] {
  --theme-bg: #111018;
  --theme-panel: #1a1824;
  --theme-surface: #201d2c;
  --theme-card: #1d1a28;
  --theme-border: #2b2740;
  --theme-text: #f7f4ff;
  --theme-muted: #b3a9d6;
  --theme-accent: #ff2fd6;
  --theme-accent-dark: #5afff3;
  --theme-button-bg: #241f33;
  --theme-button-text: #f7f4ff;
  --theme-button-ghost: transparent;
  --theme-button-primary-text: #101017;
  --theme-input-bg: #191626;
  --theme-badge-bg: #ffb703;
  --theme-chip-bg: rgba(255, 47, 214, 0.18);
  --theme-chip-active-bg: #ff2fd6;
  --theme-chip-active-text: #101017;
  --theme-placeholder-bg: #252136;
  --theme-modal-bg: #1a1824;
  --theme-info-bg: #221f31;
  --theme-topbar-bg: #161422;
  --theme-shadow: 0 8px 20px rgba(255, 47, 214, 0.2);
  --theme-shadow-card: 0 10px 30px rgba(90, 255, 243, 0.15);
  --theme-radius: 16px;
  --theme-radius-card: 16px;
  --theme-radius-small: 12px;
  --theme-radius-pill: 999px;
  --theme-focus: 0 0 0 3px rgba(90, 255, 243, 0.5);
}

html[data-theme="neonAds"] body {
  background: linear-gradient(180deg, #110f18 0%, #1b1730 100%);
}

html[data-theme="neonAds"] .btn.primary {
  background: linear-gradient(120deg, #ff2fd6 0%, #5afff3 100%);
  border-color: transparent;
  color: #0f0b14;
  box-shadow: 0 10px 18px rgba(255, 47, 214, 0.35);
}

html[data-theme="neonAds"] .btn {
  border-style: solid;
  border-width: 1px;
}

html[data-theme="neonAds"] .badge {
  border-radius: 6px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 0 rgba(255, 183, 3, 0.6);
}

html[data-theme="neonAds"] .panel,
html[data-theme="neonAds"] .card {
  background-image: repeating-linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.04) 0 6px,
      transparent 6px 12px
    );
}