/* ═══════════════════════════════════════════════════════════
   LIGHT THEME — the site's look since Oct 2026: warm and
   daylight-friendly. Each page sets <html data-theme="light">;
   remove it (or open the homepage with ?theme=dark) for the old
   dark navy look.
   Works by re-pointing the tokens in wetrigr.css, then fixing the
   few places that hard-code white text or dark panels.
   ═══════════════════════════════════════════════════════════ */
html[data-theme="light"] {
  --navy:   #fffaf4;   /* page background: warm off-white */
  --navy2:  #ffffff;   /* cards / alternate sections */
  --navy3:  #fff3e6;   /* inset panels */
  --white:  #1a1d26;   /* main text */
  --muted:  #5b6475;   /* secondary text (7:1 on the background) */
  --border: rgba(26,29,38,.10);
  --orange-light: #b84500; /* light-orange text would vanish on cream */
}
html[data-theme="light"] body { background: var(--navy); color: var(--white); }

/* Sections: alternate cream and white so the page still has rhythm */
html[data-theme="light"] .section-dark { background: #fffaf4; }
html[data-theme="light"] .section-mid  { background: #fff3e6; }
html[data-theme="light"] .cta-section  { background: #fffaf4; }
html[data-theme="light"] .hero-glow { background: radial-gradient(circle, rgba(255,106,0,.12) 0%, transparent 68%); }

/* Nav + footer */
html[data-theme="light"] .wt-nav { background: rgba(255,250,244,.9); }
html[data-theme="light"] .nav-wordmark,
html[data-theme="light"] .footer-logo { color: var(--white); }
html[data-theme="light"] .wt-nav .nav-links a[style*="color:white"] { color: var(--white) !important; }
html[data-theme="light"] .wt-footer a:hover { color: var(--white); }
html[data-theme="light"] .btn-ghost { color: var(--white); }

/* Cards get a soft shadow instead of glowing borders */
html[data-theme="light"] .problem-card,
html[data-theme="light"] .bento-tile,
html[data-theme="light"] .audience-card,
html[data-theme="light"] .testi-card,
html[data-theme="light"] .pricing-card,
html[data-theme="light"] .source-card,
html[data-theme="light"] .step,
html[data-theme="light"] .faq-item,
html[data-theme="light"] .founder-card,
html[data-theme="light"] .app-frame,
html[data-theme="light"] .cta-box { background: #fff; box-shadow: 0 6px 24px rgba(120,60,10,.07); }
html[data-theme="light"] .pricing-card.featured { background: linear-gradient(160deg, rgba(255,106,0,.07), #fff); }
html[data-theme="light"] .bento-tile.feature { background: linear-gradient(150deg, rgba(255,106,0,.10), #fff); }

/* Text that was hard-coded white or pale grey */
html[data-theme="light"] .plan-cap,
html[data-theme="light"] .founder-card p,
html[data-theme="light"] .type-tile,
html[data-theme="light"] .post-list li,
html[data-theme="light"] .wt-chat-msg { color: #3d4454; }
html[data-theme="light"] .inbox-points strong,
html[data-theme="light"] .type-tile.on,
html[data-theme="light"] .wt-chat-head { color: var(--white); }
html[data-theme="light"] .btn-plan { color: var(--white); }
html[data-theme="light"] .btn-plan:hover { background: rgba(26,29,38,.04); }
html[data-theme="light"] .hero-link { border-bottom-color: rgba(26,29,38,.25); }
html[data-theme="light"] .feat-off { color: rgba(26,29,38,.2); }

/* Mock-ups: light app chrome */
html[data-theme="light"] .app-bar { background: #faf7f3; }
html[data-theme="light"] .app-dot { background: rgba(26,29,38,.14); }
html[data-theme="light"] .plan-row { background: #fffaf4; }
html[data-theme="light"] .ibx-row { background: #fff; }
html[data-theme="light"] .ibx-row.done .ibx-av { background: #c9ced8; }
html[data-theme="light"] .ibx-tag.dm { color: #b84500; }
html[data-theme="light"] .ibx-tag.cm,
html[data-theme="light"] .ibx-reply { color: #0f7a52; }
html[data-theme="light"] .studio-panel { background: #fff3e6; }
html[data-theme="light"] .type-tile { background: #fff; }
html[data-theme="light"] .img-slot { border-color: rgba(26,29,38,.14); }
html[data-theme="light"] .wt-chat-panel { background: #fff; box-shadow: 0 18px 50px rgba(120,60,10,.18); }

/* Orange text on cream needs to be a touch deeper to stay readable */
html[data-theme="light"] .eyebrow { color: #c24400; }

/* Legal pages (privacy, terms, data deletion): body text was pale grey for a dark page */
html[data-theme="light"] .legal p,
html[data-theme="light"] .legal li,
html[data-theme="light"] .legal th,
html[data-theme="light"] .legal td { color: #3d4454; }

/* Free audit (checker.html) */
html[data-theme="light"] .logo-text,
html[data-theme="light"] .nav-back:hover,
html[data-theme="light"] .q-opt.selected,
html[data-theme="light"] .email-row input,
html[data-theme="light"] .btn-ghost:hover { color: var(--white); }
html[data-theme="light"] .action-num { color: var(--on-orange); }
html[data-theme="light"] strong[style*="color:#fff"] { color: var(--white) !important; }