/* ----------------------------------------
   LIGHT MODE OVERRIDES
   ---------------------------------------- */

.light .header--scrolled {
  background: rgba(241, 245, 249, 0.6);
}

.light .product-card {
  background: var(--color-surface);
  box-shadow: var(--shadow-sm);
}

.light .product-card:hover {
  box-shadow: var(--shadow-md);
}

.light .bento-item {
  background: var(--color-surface);
  box-shadow: var(--shadow-sm);
}

.light .store-btn {
  background: var(--color-surface2);
}

.light .store-btn:hover {
  background: var(--color-surface3);
}

.light .btn--primary {
  color: white;
}

.light .badge--live {
  background: rgba(59, 130, 246, 0.1);
  color: #3B82F6;
}

.light .footer {
  background: var(--color-surface);
  border-top-color: var(--color-border);
}

.light .footer__social-link {
  background: var(--color-surface2);
}

.light .footer__bottom {
  border-top-color: var(--color-border);
}

.light .theme-toggle-float {
  background: var(--color-surface);
  border-color: var(--color-border);
  box-shadow: var(--shadow-lg);
}

.light .theme-toggle-float:hover {
  background: var(--color-surface2);
  color: var(--color-primary);
  border-color: var(--color-primary);
}

/* Light mode tag adjustments */
.light .tag--primary { background: rgba(59, 130, 246, 0.08); color: #2563EB; }
.light .tag--secondary { background: rgba(6, 182, 212, 0.08); color: #0891B2; }
.light .tag--accent { background: rgba(14, 165, 233, 0.08); color: #0284C7; }
.light .tag--purple { background: rgba(99, 102, 241, 0.08); color: #4F46E5; }
.light .tag--orange { background: rgba(249, 115, 22, 0.08); color: #EA580C; }
.light .tag--violet { background: rgba(139, 92, 246, 0.08); color: #7C3AED; }

/* Scrollbar in light mode */
.light .product-card__screenshots::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.03);
}

.light .product-card__screenshots::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15);
}

/* Nav open in light mode */
.light .nav--open {
  background: rgba(241, 245, 249, 0.98) !important;
  border-bottom-color: var(--color-border) !important;
}