.theme-preview {
  aspect-ratio: 8 / 5;
  min-height: 440px;
  background: #061319;
  --theme-fg: #e3faff;
  --theme-muted: #adcbd4;
  --theme-accent: #76e8f5;
  --theme-card: #102d37d9;
}
.theme-preview::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url("theme-classic.jpg") center / cover no-repeat;
}
.theme-preview[data-theme="day"]::before { background-image: url("theme-day.jpg"); }
.theme-preview[data-theme="night"]::before { background-image: url("theme-night.jpg"); }
.theme-preview[data-theme="kitty"]::before { background-image: url("theme-kitty.jpg"); }
.theme-preview[data-theme="galaxy"]::before { background-image: url("theme-galaxy.jpg"); }
.theme-preview[data-theme="day"] { --theme-fg:#192e3a; --theme-muted:#4c616d; --theme-accent:#006578; --theme-card:#ffffffd9; }
.theme-preview[data-theme="night"] { --theme-fg:#f1f5fb; --theme-muted:#afbdcd; --theme-accent:#b6c8e4; --theme-card:#161b23d9; }
.theme-preview[data-theme="kitty"] { --theme-fg:#48283d; --theme-muted:#704a60; --theme-accent:#853957; --theme-card:#fff8fcd9; }
.theme-preview[data-theme="galaxy"] { --theme-fg:#f1f7fc; --theme-muted:#b6cdde; --theme-accent:#b0ddee; --theme-card:#102337d9; }
.theme-preview .theme-waves,
.theme-preview .theme-starfield,
.theme-preview .theme-cat { display: none !important; }
@media (max-width:600px) {
  .theme-preview { aspect-ratio:auto; min-height:400px; }
  .theme-preview::before { background-size:100% 100%; }
}