/* Light theme overrides for standalone pages (products, careers) */
[data-theme="light"] {
  --bg: #ffffff !important;
  --card: rgba(0, 0, 0, 0.02) !important;
  --border: rgba(0, 0, 0, 0.06) !important;
  --text: #334155 !important;
  --white: #0f172a !important;
  --brand-glow: rgba(16, 185, 129, 0.06) !important;
}

[data-theme="light"] body {
  background: #ffffff;
  color: #0f172a;
}

[data-theme="light"] .bg {
  background:
    radial-gradient(ellipse 70% 50% at 30% 20%, rgba(26, 95, 180, 0.04), transparent 70%),
    radial-gradient(ellipse 50% 60% at 80% 70%, rgba(59, 130, 246, 0.03), transparent);
}

[data-theme="light"] .bg__grid {
  background-image:
    linear-gradient(rgba(0,0,0,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,0.03) 1px, transparent 1px);
}

/* Navigation */
[data-theme="light"] .nav__back { color: #1a5fb4; }
[data-theme="light"] .nav__back:hover { color: #0f172a; }

/* Hero section */
[data-theme="light"] .hero h1 { color: #0f172a; }
[data-theme="light"] .hero p { color: #64748b; }
[data-theme="light"] .hero__tag {
  background: rgba(26, 95, 180, 0.06);
  border-color: rgba(26, 95, 180, 0.15);
  color: #1a5fb4;
}

/* Metrics / Stats cards */
[data-theme="light"] .metric,
[data-theme="light"] .stat-card,
[data-theme="light"] .card {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

/* Sections */
[data-theme="light"] .section__title,
[data-theme="light"] .section h2,
[data-theme="light"] h2 {
  color: #0f172a;
}

[data-theme="light"] .section__desc,
[data-theme="light"] .section p,
[data-theme="light"] .feature__desc {
  color: #64748b;
}

/* Feature cards */
[data-theme="light"] .feature,
[data-theme="light"] .feature-card,
[data-theme="light"] .flow-card {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .feature__title,
[data-theme="light"] .feature-card__title,
[data-theme="light"] .flow-card h3 {
  color: #0f172a;
}
[data-theme="light"] .feature li,
[data-theme="light"] .feature__text,
[data-theme="light"] .flow-card p {
  color: #64748b;
}

/* Tags and badges */
[data-theme="light"] .tag,
[data-theme="light"] .badge {
  background: rgba(26, 95, 180, 0.06);
  border-color: rgba(26, 95, 180, 0.15);
  color: #1a5fb4;
}

/* Tabs */
[data-theme="light"] .tab { color: #64748b; }
[data-theme="light"] .tab.active,
[data-theme="light"] .tab--active { color: #ffffff; }

/* CTA section */
[data-theme="light"] .cta {
  background: #f8fafc;
  border-color: rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .cta h2 { color: #0f172a; }
[data-theme="light"] .cta p { color: #64748b; }

/* Footer — stays dark */
[data-theme="light"] footer,
[data-theme="light"] .footer {
  background: #0f172a !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
[data-theme="light"] footer a,
[data-theme="light"] .footer a {
  color: rgba(255, 255, 255, 0.5) !important;
}
[data-theme="light"] footer a:hover,
[data-theme="light"] .footer a:hover {
  color: #ffffff !important;
}

/* Mockup / Dashboard previews */
[data-theme="light"] .mockup,
[data-theme="light"] .dashboard-preview {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);
}

/* Generic text color overrides */
[data-theme="light"] .label,
[data-theme="light"] .meta {
  color: #94a3b8;
}
[data-theme="light"] .value,
[data-theme="light"] .number {
  color: #0f172a;
}

/* Comparison tables */
[data-theme="light"] .compare-row {
  border-color: rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .compare-cell {
  color: #334155;
}