/**
 * Global light mode — must load LAST (after page inline CSS).
 */
html[data-theme="light"] {
  color-scheme: light;
  --nl-bg: #f5f9f7;
  --nl-surface: #ffffff;
  --nl-surface-2: #eef5f1;
  --nl-text: #102018;
  --nl-text-muted: #3d5348;
  --nl-accent: #007a4d;
  --nl-accent-strong: #005a38;
  --nl-border: rgba(0, 90, 60, 0.18);
  --nl-shadow: rgba(0, 90, 60, 0.1);
}

/* ── Base page shells ── */
html[data-theme="light"] body,
html[data-theme="light"] body.socila-page,
html[data-theme="light"] .suite-main {
  background-color: var(--nl-bg) !important;
  color: var(--nl-text) !important;
}

/* ── Homepage: creator + brand suite section headers ── */
html[data-theme="light"] .creator-traction-section {
  background: var(--nl-surface) !important;
  border-top-color: var(--nl-border) !important;
}

html[data-theme="light"] .brand-suite-section {
  background: var(--nl-bg) !important;
  border-top-color: var(--nl-border) !important;
}

html[data-theme="light"] .suite-catalog-section {
  background: var(--nl-surface) !important;
  border-top-color: var(--nl-border) !important;
}

/* Homepage lane product cards (#create, #brand-suite): neon title + white subtitle */
html[data-theme="light"] #create .brand-suite-card,
html[data-theme="light"] #brand-suite .brand-suite-card {
  background: #0c1210 !important;
  border-color: rgba(0, 255, 157, 0.22) !important;
  box-shadow: 0 8px 28px rgba(0, 60, 40, 0.15) !important;
}

html[data-theme="light"] #create .brand-suite-card-body,
html[data-theme="light"] #brand-suite .brand-suite-card-body {
  background: linear-gradient(180deg, #064a2e 0%, #0a1410 100%) !important;
}

html[data-theme="light"] #create .brand-suite-card h3,
html[data-theme="light"] #brand-suite .brand-suite-card h3 {
  color: #00ff9d !important;
  text-shadow: 0 0 12px rgba(0, 255, 157, 0.45), 0 0 3px rgba(0, 255, 157, 0.3) !important;
}

html[data-theme="light"] #create .brand-suite-card p,
html[data-theme="light"] #brand-suite .brand-suite-card p {
  color: #ffffff !important;
}

html[data-theme="light"] #create .brand-suite-card .suite-card-icon,
html[data-theme="light"] #brand-suite .brand-suite-card .suite-card-icon {
  color: #00ff9d !important;
  filter: drop-shadow(0 0 6px rgba(0, 255, 157, 0.35)) !important;
}

html[data-theme="light"] #create .brand-suite-card-tag,
html[data-theme="light"] #brand-suite .brand-suite-card-tag {
  background: linear-gradient(135deg, #00ff9d, #00d4aa) !important;
  color: #0a1410 !important;
}

/* Section heads in light mode — normal readable text on light bg */
html[data-theme="light"] .suite-section-head h2,
html[data-theme="light"] .brand-suite-products-head h2 {
  color: var(--nl-accent-strong) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .suite-section-head p,
html[data-theme="light"] .brand-suite-products-head p,
html[data-theme="light"] .suite-section-head .landing-section-eyebrow,
html[data-theme="light"] .brand-suite-products-head .landing-section-eyebrow {
  color: var(--nl-text-muted) !important;
}

html[data-theme="light"] .suite-section-pro {
  color: #ffffff !important;
  background: linear-gradient(135deg, #c084fc 0%, #9333ea 50%, #6d28d9 100%) !important;
  border-color: rgba(192, 132, 252, 0.9) !important;
  box-shadow:
    0 0 20px rgba(147, 51, 234, 0.45),
    0 2px 10px rgba(109, 40, 217, 0.35) !important;
  text-shadow: none !important;
}

/* Socila studio section heads — neon + white panel */
html[data-theme="light"] .socila-section-head,
html[data-theme="light"] .socila-creator-bridge .socila-section-head {
  background: linear-gradient(145deg, #064a2e 0%, #0a6b44 55%, #085c3a 100%) !important;
  border-radius: 18px;
  padding: 1.35rem 1.25rem 1.5rem !important;
  border: 1px solid rgba(0, 255, 157, 0.28) !important;
  box-shadow: 0 10px 36px rgba(0, 90, 60, 0.18) !important;
}

html[data-theme="light"] .socila-section-head h2,
html[data-theme="light"] .brand-suite-strategist-head h2,
html[data-theme="light"] .socila-creator-bridge .socila-section-head h2 {
  color: #00ff9d !important;
  text-shadow: 0 0 16px rgba(0, 255, 157, 0.5), 0 0 4px rgba(0, 255, 157, 0.35) !important;
}

html[data-theme="light"] .socila-section-head p,
html[data-theme="light"] .brand-suite-strategist-head p,
html[data-theme="light"] .socila-creator-bridge .socila-section-head p,
html[data-theme="light"] .socila-section-head .landing-section-eyebrow,
html[data-theme="light"] .brand-suite-strategist-head .landing-section-eyebrow,
html[data-theme="light"] .socila-creator-bridge .socila-section-head .landing-section-eyebrow {
  color: #ffffff !important;
  text-shadow: none !important;
}

html[data-theme="light"] .suite-section-head .landing-audience span,
html[data-theme="light"] .socila-section-head .landing-audience span,
html[data-theme="light"] .socila-tool-audience span,
html[data-theme="light"] .brand-suite-strategist-audience span {
  color: #f0fff8 !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

html[data-theme="light"] .homepage-lane-label {
  color: #00c97a !important;
  text-shadow: 0 0 10px rgba(0, 255, 157, 0.25);
}

html[data-theme="light"] .brand-suite-more-label,
html[data-theme="light"] .brand-suite-trust,
html[data-theme="light"] .homepage-lane-foot,
html[data-theme="light"] .landing-trust-line,
html[data-theme="light"] .landing-scroll-hint,
html[data-theme="light"] .landing-socila-order-hint {
  color: var(--nl-text-muted) !important;
}

html[data-theme="light"] .landing-section-eyebrow:not(.suite-section-head .landing-section-eyebrow):not(.socila-section-head .landing-section-eyebrow) {
  color: #00c97a !important;
}

/* ── Cards & catalog ── */
html[data-theme="light"] .landing-hero h1,
html[data-theme="light"] .brand-suite-card h3,
html[data-theme="light"] .suite-tool-card h4,
html[data-theme="light"] .landing-platform-card h3 {
  color: var(--nl-accent-strong) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .landing-subtitle,
html[data-theme="light"] .brand-suite-card p,
html[data-theme="light"] .suite-tool-card p,
html[data-theme="light"] .landing-platform-card p {
  color: var(--nl-text-muted) !important;
}

html[data-theme="light"] .brand-suite-card,
html[data-theme="light"] .suite-tool-card,
html[data-theme="light"] .landing-platform-card,
html[data-theme="light"] .landing-platform-card-featured {
  background: var(--nl-surface) !important;
  border-color: var(--nl-border) !important;
  box-shadow: 0 8px 28px var(--nl-shadow) !important;
}

html[data-theme="light"] .suite-card-icon {
  color: var(--nl-accent) !important;
  filter: none !important;
}

html[data-theme="light"] .brand-suite-card-tag,
html[data-theme="light"] .suite-tool-tag {
  background: var(--nl-surface-2) !important;
  color: var(--nl-accent-strong) !important;
}

html[data-theme="light"] .suite-catalog-group-title {
  color: var(--nl-text) !important;
  border-bottom-color: var(--nl-border) !important;
}

html[data-theme="light"] .suite-catalog-group-title span {
  background: var(--nl-surface-2) !important;
  color: var(--nl-accent) !important;
}

/* ── Strategist band — full green section in light mode ── */
html[data-theme="light"] .brand-suite-strategist-band {
  background: linear-gradient(145deg, #064a2e 0%, #0a6b44 55%, #085c3a 100%) !important;
  border: 1px solid rgba(0, 255, 157, 0.28) !important;
  box-shadow: 0 12px 40px rgba(0, 90, 60, 0.22) !important;
  padding: clamp(1.35rem, 3vw, 1.85rem) !important;
  border-radius: 20px !important;
}

html[data-theme="light"] .brand-suite-strategist-head {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 0 1.25rem !important;
  margin-bottom: 0 !important;
  border-radius: 0 !important;
}

html[data-theme="light"] .brand-suite-strategist-eyebrow {
  color: #8dffd4 !important;
  opacity: 0.95;
}

html[data-theme="light"] .brand-suite-strategist-reframe {
  margin-top: 0.25rem !important;
}

html[data-theme="light"] .brand-suite-strategist-fear {
  background: rgba(255, 255, 255, 0.93) !important;
  border: 1px solid rgba(255, 180, 185, 0.45) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12) !important;
}

html[data-theme="light"] .brand-suite-strategist-fear .landing-pain-label {
  color: #c53030 !important;
}

html[data-theme="light"] .brand-suite-strategist-fear .brand-suite-strategist-quote {
  color: #5c2a2e !important;
  font-style: italic;
}

html[data-theme="light"] .brand-suite-strategist-truth {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(0, 255, 157, 0.35) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1) !important;
}

html[data-theme="light"] .brand-suite-strategist-truth .landing-pain-label {
  color: var(--nl-accent-strong) !important;
}

html[data-theme="light"] .brand-suite-strategist-truth .brand-suite-strategist-quote {
  color: var(--nl-text) !important;
}

html[data-theme="light"] .brand-suite-strategist-reframe .landing-pain-arrow {
  color: #00ff9d !important;
  opacity: 1 !important;
  font-weight: 700;
  text-shadow: 0 0 12px rgba(0, 255, 157, 0.45);
}

html[data-theme="light"] .brand-suite-strategist-cta-hint {
  margin-top: 1.35rem !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

html[data-theme="light"] .brand-suite-strategist-cta-hint a {
  color: #ffffff !important;
  text-decoration: none;
  font-weight: 700;
  border-bottom: 1px solid rgba(255, 255, 255, 0.55);
  padding-bottom: 2px;
  transition: color 0.2s ease, border-color 0.2s ease;
}

html[data-theme="light"] .brand-suite-strategist-cta-hint a:hover {
  color: #00ff9d !important;
  border-bottom-color: #00ff9d;
}

/* ── AI Studio (socila) — section heads & studio blocks ── */
html[data-theme="light"] .socila-studio-section {
  background: var(--nl-bg) !important;
  border-top-color: var(--nl-border) !important;
}

html[data-theme="light"] .socila-studio-seo,
html[data-theme="light"] .socila-studio-ui {
  background: var(--nl-surface) !important;
}

html[data-theme="light"] .socila-page .seo-tools-title,
html[data-theme="light"] .socila-page .seo-output-title {
  color: var(--nl-accent-strong) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .socila-page .seo-tools-desc,
html[data-theme="light"] .socila-page .socila-playground-lead,
html[data-theme="light"] .socila-page .socila-prompt-hint,
html[data-theme="light"] .socila-page .seo-result-placeholder {
  color: var(--nl-text-muted) !important;
}

html[data-theme="light"] .socila-page .socila-prompt-hint {
  background: rgba(0, 168, 120, 0.06) !important;
  border-color: rgba(0, 168, 120, 0.18) !important;
}

html[data-theme="light"] .socila-tool-inline-tag,
html[data-theme="light"] .socila-playground-tag {
  background: var(--nl-surface-2) !important;
  color: var(--nl-accent-strong) !important;
  border-color: var(--nl-border) !important;
}

html[data-theme="light"] .socila-page .seo-tools-glass,
html[data-theme="light"] .socila-page .socila-tool-glass,
html[data-theme="light"] .socila-page .ui-suggestion-glass,
html[data-theme="light"] .socila-page .ui-instagram-glass,
html[data-theme="light"] .socila-page .hero-glass,
html[data-theme="light"] .socila-playground-card {
  background: var(--nl-surface) !important;
  color: var(--nl-text) !important;
  border-color: var(--nl-border) !important;
  box-shadow: 0 8px 28px var(--nl-shadow) !important;
}

html[data-theme="light"] .socila-playground-head {
  border-bottom-color: var(--nl-border) !important;
}

html[data-theme="light"] .socila-playground-head h3 {
  color: var(--nl-accent-strong) !important;
}

html[data-theme="light"] .socila-page .landing-audience span,
html[data-theme="light"] .socila-tool-audience span {
  color: var(--nl-text-muted) !important;
  background: var(--nl-surface-2) !important;
  border-color: var(--nl-border) !important;
}

html[data-theme="light"] .socila-page .hero-title,
html[data-theme="light"] .socila-page h3,
html[data-theme="light"] .socila-page h4 {
  color: var(--nl-accent-strong) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .socila-page .hero-desc,
html[data-theme="light"] .socila-page p,
html[data-theme="light"] .socila-page label {
  color: var(--nl-text-muted) !important;
}

html[data-theme="light"] .socila-page input,
html[data-theme="light"] .socila-page textarea,
html[data-theme="light"] .socila-page select,
html[data-theme="light"] .socila-page .seo-prompt-input,
html[data-theme="light"] .socila-page .prompt-input {
  background: var(--nl-surface) !important;
  color: var(--nl-text) !important;
  border-color: var(--nl-border) !important;
}

html[data-theme="light"] .socila-page .seo-tools-output,
html[data-theme="light"] .socila-page .seo-result-content,
html[data-theme="light"] .socila-page .ui-result {
  background: var(--nl-surface-2) !important;
  color: var(--nl-text) !important;
  border-color: var(--nl-border) !important;
}

html[data-theme="light"] .socila-page .generate-btn,
html[data-theme="light"] .socila-page .seo-generate-btn {
  color: #fff !important;
}

html[data-theme="light"] .socila-page .upload-btn {
  color: var(--nl-text) !important;
  border-color: var(--nl-border) !important;
  background: var(--nl-surface-2) !important;
}

html[data-theme="light"] .landing-socila-jump a,
html[data-theme="light"] .landing-socila-jump-home a {
  background: var(--nl-surface) !important;
  color: var(--nl-text) !important;
  border-color: var(--nl-border) !important;
}

/* ── Teaser, footer, nav, auth ── */
html[data-theme="light"] .teaser-overlay {
  background: var(--nl-bg) !important;
}

html[data-theme="light"] .teaser-tagline {
  color: var(--nl-accent-strong) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .teaser-description,
html[data-theme="light"] .teaser-wait {
  color: var(--nl-text-muted) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .teaser-skip {
  color: var(--nl-accent) !important;
  border-color: var(--nl-border) !important;
  background: var(--nl-surface) !important;
}

html[data-theme="light"] .footer,
html[data-theme="light"] .footer-text,
html[data-theme="light"] .footer-heart {
  color: var(--nl-text) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .neon-chat-wrapper,
html[data-theme="light"] .neon-header,
html[data-theme="light"] .neon-message {
  background: var(--nl-surface) !important;
  color: var(--nl-text) !important;
  border-color: var(--nl-border) !important;
}

html[data-theme="light"] .site-nav .nav-link,
html[data-theme="light"] .site-nav .nav-menu > a {
  color: var(--nl-text) !important;
}

html[data-theme="light"] .site-nav .nav-link:hover {
  color: var(--nl-accent) !important;
  background: var(--nl-surface-2) !important;
}

html[data-theme="light"] .nl-lang-select,
html[data-theme="light"] .nl-theme-toggle {
  background: var(--nl-surface) !important;
  color: var(--nl-text) !important;
  border-color: var(--nl-border) !important;
}

html[data-theme="light"] .auth-page {
  background: var(--nl-bg) !important;
}

html[data-theme="light"] .auth-card {
  background: var(--nl-surface) !important;
  border-color: var(--nl-border) !important;
}

html[data-theme="light"] .auth-card h1,
html[data-theme="light"] .auth-card label {
  color: var(--nl-accent-strong) !important;
}

html[data-theme="light"] .auth-subtitle,
html[data-theme="light"] .auth-footer-links {
  color: var(--nl-text-muted) !important;
}

html[data-theme="light"] .nav-link-google,
html[data-theme="light"] .socila-page .seo-result-placeholder,
html[data-theme="light"] .socila-page .seo-placeholder-hint,
html[data-theme="light"] .socila-page .ui-placeholder-hint {
  color: var(--nl-text-muted) !important;
}

.seo-placeholder-hint,
.seo-result-placeholder {
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.95rem;
  text-align: center;
  padding: 2rem 1rem;
}

html[data-theme="light"] .auth-google-btn {
  color: var(--nl-text) !important;
  border-color: var(--nl-border) !important;
  background: var(--nl-surface) !important;
}