body.light-mode {
  color-scheme: light;
  --bg: #f7f7fa;
  --bg2: #ffffff;
  --bg3: #f0f1f5;
  --bg4: #e3e5eb;
  --surface: #ffffff;
  --border: rgba(20, 20, 32, .11);
  --border2: rgba(20, 20, 32, .22);
  --text: #17171f;
  --muted: #555566;
  --muted2: #727283;
  --accent: #667700;
  --accent2: #c92f4a;
  --accent3: #087f76;
  --pill-gaming: rgba(201, 47, 74, .11);
  --pill-gaming-c: #ad203a;
  --pill-movies: rgba(88, 72, 190, .11);
  --pill-movies-c: #5144a7;
  --pill-tv: rgba(8, 127, 118, .11);
  --pill-tv-c: #087168;
  --pill-anime: rgba(174, 91, 0, .11);
  --pill-anime-c: #985000;
  --pill-news: rgba(102, 119, 0, .12);
  --pill-news-c: #596800;
  background: var(--bg);
  color: var(--text);
}

body.light-mode nav {
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 1px 12px rgba(20, 20, 32, .06);
}

body.light-mode .card,
body.light-mode .trend-card,
body.light-mode .cal-card,
body.light-mode .desk-card,
body.light-mode .review-hero,
body.light-mode .review-mini,
body.light-mode .video-side-card,
body.light-mode .community-poll,
body.light-mode .sidebar-widget,
body.light-mode .deal-card,
body.light-mode .deal-hero,
body.light-mode .tfy-card {
  box-shadow: 0 2px 12px rgba(20, 20, 32, .045);
}

body.light-mode .tfy-section {
  background: linear-gradient(180deg, rgba(99, 88, 232, .075), rgba(247, 247, 250, 0) 45%);
}

body.light-mode .tfy-topic,
body.light-mode .tfy-reset {
  background: rgba(20, 20, 32, .025);
}

body.light-mode .tfy-topic[aria-pressed="true"],
body.light-mode .tfy-more-like[aria-pressed="true"] {
  background: #5147c9;
  color: #fff;
}

body.light-mode .tfy-skeleton {
  background: linear-gradient(100deg, #e8e9ee 20%, #f4f4f7 40%, #e8e9ee 60%);
  background-size: 200% 100%;
}

body.light-mode .retro-section::before {
  background-image: repeating-linear-gradient(0deg, transparent, transparent 39px, rgba(20,20,32,.035) 39px, rgba(20,20,32,.035) 40px), repeating-linear-gradient(90deg, transparent, transparent 39px, rgba(20,20,32,.035) 39px, rgba(20,20,32,.035) 40px);
}

body.light-mode .spd-sidebar-search-overlay {
  background: rgba(24, 24, 34, .46);
}

body.light-mode .spd-sidebar-search-modal,
body.light-mode .spd-sidebar-search-header {
  background: #ffffff;
}

body.light-mode .spd-sidebar-result-item:hover,
body.light-mode .spd-sidebar-result-item:focus {
  background: #ececf2;
  border-color: #d5d5df;
}

body.light-mode .spd-sidebar-result-icon,
body.light-mode .spd-sidebar-category-badge {
  background: #e5e6ec;
  color: #555566;
}

body.light-mode .spd-sidebar-result-title {
  color: #17171f;
}

body.light-mode .spd-sidebar-result-meta {
  color: #666677;
}

body.light-mode .spd-sidebar-root .mx-browser-link::after,
body.light-mode .spd-sidebar-root .nav-item-link.mx-special::after {
  background: #f3f3f7;
}

body.light-mode .spd-sidebar-root .mx-browser-link:hover::after,
body.light-mode .spd-sidebar-root .nav-item-link.mx-special:hover::after {
  background: #e8e8ef;
}

body.light-mode .sidebar-backdrop.spd-sidebar-backdrop {
  background: rgba(20, 20, 32, .38);
}

/* Image overlays intentionally remain dark so their white headlines retain contrast. */