/* Light theme overrides for Tailwind utility classes */
[data-theme="light"] body {
  background-color: #f8fafc;
  color: #334155;
}

[data-theme="light"] .bg-navy-950 {
  background-color: #ffffff !important;
}

[data-theme="light"] .bg-navy-900 {
  background-color: #f1f5f9 !important;
}

[data-theme="light"] .bg-navy-900\/50 {
  background-color: rgba(241, 245, 249, 0.8) !important;
}

[data-theme="light"] .bg-navy-800 {
  background-color: #e2e8f0 !important;
}

[data-theme="light"] .border-navy-700 {
  border-color: #cbd5e1 !important;
}

[data-theme="light"] .border-navy-600 {
  border-color: #94a3b8 !important;
}

[data-theme="light"] .text-white {
  color: #0f172a !important;
}

[data-theme="light"] .text-gray-300 {
  color: #334155 !important;
}

[data-theme="light"] .text-gray-400 {
  color: #475569 !important;
}

[data-theme="light"] .text-gray-500 {
  color: #64748b !important;
}

[data-theme="light"] .text-gray-600 {
  color: #94a3b8 !important;
}

[data-theme="light"] .hero-gradient {
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 45%, #fce7e9 100%) !important;
}

[data-theme="light"] .nav-link.text-gray-400:hover,
[data-theme="light"] .nav-link.active {
  color: #0f172a !important;
}

[data-theme="light"] .card-hover:hover {
  box-shadow: 0 12px 40px rgba(196, 30, 58, 0.12);
}

[data-theme="light"] header.sticky {
  background-color: rgba(255, 255, 255, 0.95) !important;
}

[data-theme="light"] #settings-modal .settings-panel {
  background-color: #0a0a0a;
  color: #ffffff;
}

[data-theme="light"] .theme-option.is-selected {
  background-color: #facc15 !important;
  color: #0a0a0a !important;
  border-color: #facc15 !important;
}

[data-theme="light"] .theme-option.is-selected svg {
  color: #0a0a0a !important;
}

[data-theme="light"] .product-img {
  background: linear-gradient(145deg, #e2e8f0 0%, #f1f5f9 50%, #e2e8f0 100%) !important;
}

[data-theme="light"] .text-gray-300 strong {
  color: #334155 !important;
}

[data-theme="light"] body {
  background-image:
    radial-gradient(ellipse 90% 60% at 50% -30%, rgba(196, 30, 58, 0.04), transparent),
    radial-gradient(ellipse 50% 40% at 100% 0%, rgba(226, 232, 240, 0.8), transparent);
}

[data-theme="light"] .home-hero,
[data-theme="light"] .page-hero {
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%) !important;
}

[data-theme="light"] .home-hero::before,
[data-theme="light"] .page-hero::before {
  background: radial-gradient(circle, rgba(196, 30, 58, 0.06) 0%, transparent 65%);
}

[data-theme="light"] .section-alt {
  background: rgba(241, 245, 249, 0.8) !important;
  border-color: #e2e8f0 !important;
}

[data-theme="light"] .card-hover {
  background: linear-gradient(165deg, #ffffff 0%, #f8fafc 100%) !important;
  border-color: #e2e8f0 !important;
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06);
}

[data-theme="light"] .card-hover:hover {
  box-shadow: 0 12px 32px rgba(196, 30, 58, 0.1);
  border-color: rgba(196, 30, 58, 0.25) !important;
}

[data-theme="light"] .site-header {
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.06), 0 4px 16px rgba(15, 23, 42, 0.04);
}

[data-theme="light"] .site-footer::before {
  background: linear-gradient(90deg, transparent, rgba(196, 30, 58, 0.35), transparent);
}

[data-theme="light"] .footer-heading,
[data-theme="light"] .section-title,
[data-theme="light"] .page-title,
[data-theme="light"] .hero-headline {
  color: #0f172a !important;
}

[data-theme="light"] .hero-headline .accent-text {
  -webkit-text-fill-color: transparent;
}

[data-theme="light"] .page-lead,
[data-theme="light"] .article-excerpt {
  color: #475569 !important;
}

[data-theme="light"] .filter-pill {
  background: #f1f5f9;
  border-color: #e2e8f0;
  color: #64748b;
}

[data-theme="light"] .filter-pill:hover {
  background: #fff;
  color: #0f172a;
}

[data-theme="light"] .btn-secondary {
  background: #fff;
  color: #0f172a;
  border-color: #cbd5e1;
}

[data-theme="light"] .btn-secondary:hover {
  border-color: rgba(196, 30, 58, 0.4);
  background: #fef2f2;
}

[data-theme="light"] .ad-slot {
  background: #f8fafc;
  border-color: #e2e8f0;
  color: #94a3b8;
}

[data-theme="light"] .article-body h2 {
  color: #0f172a !important;
}

[data-theme="light"] .link-arrow:hover {
  color: var(--accent) !important;
}