/* Light theme — loaded after landing.css; activate with html[data-theme="light"] */

[data-theme="light"] {
  --accent: #374151;
  --amber: #15803d;
  --amber2: #166534;
  --dark: #111827;
  --border: rgba(0, 0, 0, 0.09);
  --text: #111827;
  --muted: #6B7280;
  --grass: #15803d;
  --grass-light: #16a34a;
  --pitch: #14532d;
  --panel: rgba(248, 250, 252, 0.82);
  --panel-soft: rgba(241, 245, 249, 0.72);
  --surface-hover: rgba(0, 0, 0, 0.04);
  --shadow-card: 0 12px 40px rgba(0, 0, 0, 0.06);
  --shadow-card-hover: 0 20px 50px rgba(0, 0, 0, 0.1);
  --card: rgba(255, 255, 255, 0.88);
}

[data-theme="light"] body {
  background: #e8edf2;
  color: var(--text);
}

[data-theme="light"] body::before {
  background:
    linear-gradient(180deg,
      rgba(248, 250, 252, 0.58) 0%,
      rgba(241, 245, 249, 0.42) 24%,
      rgba(248, 250, 252, 0.46) 58%,
      rgba(241, 245, 249, 0.65) 100%),
    radial-gradient(ellipse 110% 70% at 50% -5%, rgba(21,128,61, 0.06), transparent 55%),
    radial-gradient(ellipse 80% 50% at 50% 100%, rgba(21, 128, 61, 0.07), transparent 60%),
    url('../img/system-bg-stadium.jpg') center 32% / cover no-repeat fixed;
  filter: brightness(1.1) saturate(1.05);
  opacity: 1;
}

[data-theme="light"] body::after {
  background:
    repeating-linear-gradient(0deg, transparent, transparent 39px, rgba(21, 128, 61, 0.04) 39px, rgba(21, 128, 61, 0.04) 41px),
    repeating-linear-gradient(90deg, transparent, transparent 79px, rgba(21, 128, 61, 0.03) 79px, rgba(21, 128, 61, 0.03) 81px);
  opacity: 0.28;
}

[data-theme="light"] #bg-canvas { opacity: 0.14; }

[data-theme="light"] nav {
  background: rgba(255, 255, 255, 0.86);
  border-bottom-color: transparent;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
}

[data-theme="light"] nav.scrolled {
  background: rgba(255, 255, 255, 0.96);
  border-bottom-color: var(--border);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .theme-toggle {
  background: rgba(0, 0, 0, 0.04);
  border-color: var(--border);
  color: var(--text);
}

[data-theme="light"] .theme-toggle:hover {
  background: rgba(0, 0, 0, 0.07);
}

[data-theme="light"] .lang-btn {
  background: rgba(0, 0, 0, 0.04);
  border-color: var(--border);
}

[data-theme="light"] .lang-btn:hover { background: rgba(0, 0, 0, 0.07); }

[data-theme="light"] .lang-dropdown {
  background: #ffffff;
  border-color: var(--border);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
}

[data-theme="light"] .lang-dropdown li button:hover { background: rgba(0, 0, 0, 0.04); }

[data-theme="light"] .lang-inline-btn:hover { background: rgba(0, 0, 0, 0.06); }

[data-theme="light"] .nav-auth-link:hover {
  color: var(--text);
  background: rgba(0, 0, 0, 0.05);
}

[data-theme="light"] .nav-auth-link.primary {
  color: #ffffff;
  background: linear-gradient(135deg, var(--amber), var(--amber2));
}

[data-theme="light"] .hero {
  background: radial-gradient(ellipse 100% 90% at 50% 42%, rgba(248, 250, 252, 0.5) 0%, rgba(241, 245, 249, 0.32) 45%, rgba(241, 245, 249, 0.12) 100%);
}

[data-theme="light"] .badge {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(241, 245, 249, 0.95));
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  color: var(--text);
}

[data-theme="light"] .hero-auth-panel::before {
  background: radial-gradient(ellipse 85% 70% at 50% 35%, rgba(21,128,61, 0.12), transparent 68%);
}

[data-theme="light"] .hero-auth-panel::after {
  background: radial-gradient(ellipse 75% 55% at 50% 85%, rgba(21, 128, 61, 0.1), transparent 70%);
}

[data-theme="light"] .hero-auth-inner {
  background: conic-gradient(
    from var(--auth-glow-angle, 0deg),
    rgba(21,128,61, 0.55),
    rgba(255, 255, 255, 0.5),
    rgba(21, 128, 61, 0.45),
    rgba(255, 255, 255, 0.35),
    rgba(21,128,61, 0.4),
    rgba(21, 128, 61, 0.35),
    rgba(21,128,61, 0.55)
  );
  box-shadow: 0 0 28px rgba(21,128,61, 0.1), 0 0 48px rgba(21, 128, 61, 0.06);
}

[data-theme="light"] .hero-auth-card,
[data-theme="light"] .hero-auth-welcome {
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(0, 0, 0, 0.06);
  animation: authCardGlowLight 3.8s ease-in-out infinite alternate;
}

@keyframes authCardGlowLight {
  from {
    box-shadow:
      0 16px 48px rgba(0, 0, 0, 0.08),
      0 0 20px rgba(21,128,61, 0.05);
  }
  to {
    box-shadow:
      0 20px 56px rgba(0, 0, 0, 0.1),
      0 0 32px rgba(21,128,61, 0.12);
  }
}

[data-theme="light"] .hero-auth-card .auth-tabs { background: #f3f4f6; }

[data-theme="light"] .hero-auth-card .auth-tab.active {
  background: #ffffff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .hero-auth-card .field input {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.12);
}

[data-theme="light"] .hero-auth-card .btn-google {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.12);
}

[data-theme="light"] .hero-auth-card .btn-primary { color: #ffffff; }

[data-theme="light"] .brands-section {
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.78) 0%, rgba(241, 245, 249, 0.72) 100%);
  border-color: rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(8px);
}

[data-theme="light"] .brand-logo {
  background: #ffffff;
  box-shadow: var(--shadow-card);
}

[data-theme="light"] .brand-logo:hover {
  box-shadow: var(--shadow-card-hover);
  border-color: rgba(21,128,61, 0.25);
}

[data-theme="light"] .brands-disclaimer { color: rgba(107, 114, 128, 0.9); }

[data-theme="light"] .mq-wrap {
  background: linear-gradient(90deg, rgba(226, 232, 240, 0.82), rgba(241, 245, 249, 0.88), rgba(226, 232, 240, 0.82));
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(8px);
}

[data-theme="light"] .mq-wrap::before { background: linear-gradient(90deg, rgba(226, 232, 240, 0.95), transparent); }
[data-theme="light"] .mq-wrap::after { background: linear-gradient(-90deg, rgba(226, 232, 240, 0.95), transparent); }

[data-theme="light"] .steps-section,
[data-theme="light"] .features-section,
[data-theme="light"] .modules-section,
[data-theme="light"] .bcta,
[data-theme="light"] section:has(.bonus) {
  background: var(--panel-soft);
  backdrop-filter: blur(10px);
}

[data-theme="light"] .fc,
[data-theme="light"] .step-card,
[data-theme="light"] .product-card,
[data-theme="light"] .mod-card {
  background: var(--card);
  box-shadow: var(--shadow-card);
}

[data-theme="light"] .fc:hover,
[data-theme="light"] .product-card:hover,
[data-theme="light"] .mod-card:hover {
  box-shadow: var(--shadow-card-hover);
  border-color: rgba(21,128,61, 0.2);
}

[data-theme="light"] .fc::before {
  background: radial-gradient(ellipse 70% 60% at 50% 0%, rgba(21,128,61, 0.06), transparent);
}

[data-theme="light"] .fi {
  background: #f3f4f6;
  border-color: rgba(0, 0, 0, 0.08);
  color: var(--grass);
}

[data-theme="light"] .stats-bg {
  background: linear-gradient(180deg, rgba(226, 232, 240, 0.75) 0%, rgba(241, 245, 249, 0.8) 50%, rgba(226, 232, 240, 0.75) 100%);
  backdrop-filter: blur(8px);
}

[data-theme="light"] .si-stat { background: #ffffff; }

[data-theme="light"] .snum,
[data-theme="light"] .snum-static {
  background: linear-gradient(135deg, #111827 40%, var(--amber));
  -webkit-background-clip: text;
  background-clip: text;
}

[data-theme="light"] .bonus {
  background: linear-gradient(135deg, #ecfdf5, #ffffff, #f8fafc);
  border-color: rgba(21, 128, 61, 0.25);
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

[data-theme="light"] .products-section,
[data-theme="light"] .ebay-section,
[data-theme="light"] .partners-section,
[data-theme="light"] .screens-section,
[data-theme="light"] .blog-section,
[data-theme="light"] .social-banner {
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.78) 0%, rgba(241, 245, 249, 0.72) 50%, rgba(248, 250, 252, 0.78) 100%);
  backdrop-filter: blur(8px);
}

[data-theme="light"] .ebay-section,
[data-theme="light"] .partners-section,
[data-theme="light"] .modules-section,
[data-theme="light"] .steps-section {
  border-color: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .ebay-kpi {
  background: #ffffff;
  border-color: var(--border);
  box-shadow: var(--shadow-card);
}

[data-theme="light"] .ebay-kpi:hover {
  background: #fffbeb;
  border-color: rgba(21,128,61, 0.25);
}

[data-theme="light"] .ebay-kpi .ei {
  background: rgba(21,128,61, 0.08);
  border-color: rgba(21,128,61, 0.18);
  color: #15803d;
}

[data-theme="light"] .stag-icon {
  background: rgba(21,128,61, 0.08);
  border-color: rgba(21,128,61, 0.18);
  color: #15803d;
}

[data-theme="light"] .ebay-logo-showcase {
  background: #ffffff;
  border-color: rgba(21,128,61, 0.2);
  box-shadow: var(--shadow-card);
}

[data-theme="light"] .partner-showcase {
  border-color: var(--border);
  box-shadow: var(--shadow-card);
}

[data-theme="light"] .partner-right {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
}

[data-theme="light"] .partner-shop-cta {
  background: #ffffff;
  border-color: var(--border);
  box-shadow: var(--shadow-card);
}

[data-theme="light"] .compare-wrap {
  background: #ffffff;
  box-shadow: var(--shadow-card);
}

[data-theme="light"] .compare-table th { background: #f3f4f6; }

[data-theme="light"] .compare-table td { background: #ffffff; }

[data-theme="light"] .cmp-yes { color: #15803d; }

[data-theme="light"] .modules-note {
  background: #ffffff;
  border-color: rgba(21,128,61, 0.2);
}

[data-theme="light"] .product-card--web .product-badge { color: #15803d; }

[data-theme="light"] .phones-strip-wrap::before { background: linear-gradient(90deg, #f1f5f9, transparent); }
[data-theme="light"] .phones-strip-wrap::after { background: linear-gradient(-90deg, #f1f5f9, transparent); }

[data-theme="light"] .phone-frame {
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .blog-section::before,
[data-theme="light"] .blog-section::after {
  opacity: 0.05;
}

[data-theme="light"] .blog-card {
  background: #ffffff;
  border-color: var(--border);
  box-shadow: var(--shadow-card);
  color: var(--text);
}

[data-theme="light"] .blog-card h3 {
  color: var(--text);
}

[data-theme="light"] .blog-card p {
  color: var(--muted);
}

[data-theme="light"] .blog-cat {
  color: #15803d;
  background: rgba(21, 128, 61, 0.1);
  border-color: rgba(21, 128, 61, 0.2);
}

[data-theme="light"] .blog-read {
  color: #15803d;
}

[data-theme="light"] .blog-view-all a {
  border-color: var(--border);
  color: var(--muted);
  background: #ffffff;
}

[data-theme="light"] .blog-view-all a:hover {
  border-color: rgba(21, 128, 61, 0.3);
  color: #15803d;
}

[data-theme="light"] .blog-card:hover {
  box-shadow: var(--shadow-card-hover);
  border-color: rgba(21,128,61, 0.2);
}

[data-theme="light"] footer {
  background: rgba(255, 255, 255, 0.82);
  border-top-color: var(--border);
  backdrop-filter: blur(10px);
}

[data-theme="light"] .mobile-sticky {
  background: rgba(255, 255, 255, 0.96);
  border-top-color: var(--border);
  box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .mobile-sticky-enter { color: #ffffff; }

[data-theme="light"] .btn-gplay:hover {
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
}

[data-theme="light"] .btn-hero-primary { color: #ffffff; }

[data-theme="light"] #lightbox { background: rgba(248, 250, 252, 0.92); }

[data-theme="light"] .lb-close,
[data-theme="light"] .lb-nav { color: var(--text); }

[data-theme="light"] .lb-label { color: var(--muted); }