/* Sales24 landing: theme toggle + light theme. Loaded last. Dark remains the base design. */
.theme-toggle { display:grid; width:44px; height:44px; place-items:center; border:0; background:transparent; color:#c9cfdb; cursor:pointer; border-radius:50%; }
.theme-toggle svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.theme-toggle .icon-sun { display:none; }
html[data-theme="light"] .theme-toggle .icon-sun { display:block; }
html[data-theme="light"] .theme-toggle .icon-moon { display:none; }
.site-header .theme-toggle { color:#28465c; }
.theme-toggle:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }

html[data-theme="light"] {
  color-scheme:light;
  --ink:#0b1424; --ink-2:#27324a; --ink-3:#4a5670; --muted:#566178;
  --line:rgba(11,20,36,.12); --canvas:#f6f8fc; --soft:#eef2f9; --soft-blue:#e8eeff;
  --blue:#2455e6; --blue-2:#5b5fe0; --blue-dark:#1a42c2;
  --shadow:0 30px 80px rgba(20,36,74,.14);
  --accent:#2455e6; --accent-soft:rgba(36,85,230,.12);
}

/* ---- Light surfaces: page sections ---- */
html[data-theme="light"] body { background:var(--canvas); color:var(--ink); }
html[data-theme="light"] :is(.tour-section,.trust-strip,.testimonial-section,.journey-intro,.region-section,.picker-section,.deck-section,.feature-section,.unified-section,.ai-section,.benefits-section,.results-section,.success-section,.trial-section,.contact-section) { background:var(--canvas); background-image:none; color:var(--ink); }
html[data-theme="light"] :is(.feature-tint,.region-section,.results-section,.trial-section) { background:var(--soft); background-image:none; }
html[data-theme="light"] :is(.trust-strip,.testimonial-section) { border-color:var(--line); }
html[data-theme="light"] :is(.testimonial-shell,.benefit-card,.story-card,.success-grid article,.trial-form,.guarantee-card,.contact-form,.visual-card.pale,.unified-visual,.control-visual) { background:#fff; background-image:none; border:1px solid var(--line); box-shadow:0 18px 50px rgba(20,36,74,.08); color:var(--ink); }
html[data-theme="light"] :is(.contact-form input,.contact-form textarea,.form-grid input,.form-grid textarea,.form-grid select) { background:#fff; border-color:rgba(11,20,36,.22); color:var(--ink); }
html[data-theme="light"] :is(.contact-form,.form-grid) ::placeholder { color:#6b7690; }
html[data-theme="light"] .site-footer { background:#e9eef8; color:var(--ink-2); border-top:1px solid var(--line); }
html[data-theme="light"] .site-footer :is(a,p,span,small) { color:var(--ink-3); }
html[data-theme="light"] .site-footer :is(h3,h4,strong,.brand) { color:var(--ink); }
html[data-theme="light"] :is(h1,h2,h3,h4):not(.hero h1) { color:var(--ink); }
html[data-theme="light"] .eyebrow { color:var(--blue); }
html[data-theme="light"] .site-header.is-scrolled { background:rgba(246,248,252,.86); border-bottom-color:var(--line); box-shadow:0 10px 30px rgba(20,36,74,.08); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }

/* ---- Light text on light surfaces (AA) ---- */
html[data-theme="light"] :is(.marquee-track span,.channel-pills span,.stats-grid span,.deck-file span,.form-grid label span,.testimonial-metric span,.testimonial-shell footer span,.trust-strip p,.deck-head p,.deck-tab-copy,.ai-heading p,.contact-copy p,.tour-copy p,.guarantee-line) { color:var(--muted); }
html[data-theme="light"] :is(.check-list li,.contact-copy li,.region-grid li,.stats-grid strong,.stats-grid b,.testimonial-shell blockquote p,.journey-tabs .is-active span,.deck-tab-name,.form-grid label) { color:var(--ink-2); }
html[data-theme="light"] :is(.feature-number,.text-link,.tour-step,.journey-tabs .is-active b,.marketing-number-visual,.marketing-number,.brand span span) { color:var(--blue); }
html[data-theme="light"] .brand { color:var(--ink); }
html[data-theme="light"] .site-header:not(.is-scrolled) .brand { color:#0b2a44; }
html[data-theme="light"] .button-primary,.button-primary { background:linear-gradient(180deg,#3f66f2,#2f55e0); color:#fff; }
.button-primary { background-color:#3a5fe8; }
html[data-theme="light"] .trial-form .button-outline-light { background:#fff; color:var(--ink); border-color:rgba(11,20,36,.3); }
html[data-theme="light"] .deck-section .deck-tab.is-active { background:#fff; border-color:var(--line); }


/* dark app windows keep their own palette in both themes; lift their muted text to AA */
.tour-sidebar b,.tour-sidebar button { color:#8f9bb2; }
.tour-toolbar span { color:#9aa5ba; }

/* AA lifts that apply to both themes */
.site-header:not(.is-scrolled) .brand span span { color:#1f4fd8; }
.journey-tabs a b,.journey-tabs a span,.footer-bottom span,.testimonial-action span,.deck-note,.form-note { color:#9aa5ba; }
.success-art.experience b { background-color:#4a63e0; }
html[data-theme="light"] :is(.journey-tabs a b,.journey-tabs a span,.footer-bottom span,.testimonial-action span,.deck-note,.form-note) { color:var(--muted); }
html[data-theme="light"] li strong { color:var(--ink); }

/* Dark product windows stay dark inside the light page: restore their light text */
html[data-theme="light"] :is(.tour-stage,.tour-window) :is(h1,h2,h3,h4) { color:#f4f6fb; }
html[data-theme="light"] .tour-copy p { color:#a9b3c8; }
html[data-theme="light"] .tour-copy .tour-step { color:#9db4ff; }
html[data-theme="light"] .benefit-art :is(.marketing-number,.marketing-number-visual,.benefit-number) { color:#9db4ff; }
html[data-theme="light"] .benefit-art-two .benefit-number { text-shadow:none; }
html[data-theme="light"] .tour-window { background:#0b0f19; border-color:rgba(255,255,255,.1); }
html[data-theme="light"] .tour-window .tour-main :is(h1,h2,h3,h4) { color:#f4f6fb; }
html[data-theme="light"] .tour-window .tour-main .tour-copy p { color:#a9b3c8; }