/* LoomWright site-wide light mode.
   Include AFTER styles.css (and home.css on the homepage).
   Apply with <body class="light">. Kit funnel pages use kit.css instead. */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');

body.light{
  --bg:#FAF6EF;
  --panel:#FFFFFF;
  --panel2:#F4EDDF;
  --ink:#2c2a24;
  --muted:#6f6259;
  --line:#e8dcc9;
  background:var(--bg);
  color:var(--ink);
  font-family:'Nunito',system-ui,sans-serif;
}
body.light h1,body.light h2,body.light h3,body.light h4{font-family:'Nunito',sans-serif;color:#22304a;letter-spacing:-.02em}
body.light p{color:var(--muted)}
body.light .btn,body.light .nav-links{font-family:'Nunito',sans-serif}

/* Readable accents on light backgrounds */
body.light .eyebrow{color:#5d8f2b}
body.light .eyebrow:before{background:#5d8f2b}
body.light .stars{color:#d99a2b}
body.light .card-index,body.light .step-num{color:#5d8f2b}
body.light .faq-item summary:after{color:#5d8f2b}
body.light .check-list li:before{color:#2e7d5b}
body.light .smallprint{color:#8a7a68}
body.light .muted-note{color:#8a7a68}
body.light a{color:inherit}

/* Nav */
body.light .nav{background:rgba(250,246,239,.93);border-bottom:1px solid var(--line)}
body.light .nav-links{color:#4a4238}
body.light .nav-links a:hover{color:#5d8f2b}
body.light .brand{color:#22304a}
body.light .menu-toggle{color:#22304a;border-color:var(--line);background:#fff}
body.light .nav-links.open{background:#fffdf8}

/* Hero + page hero */
body.light .hero:after{background:radial-gradient(circle,rgba(125,167,255,.16),transparent 68%)}
body.light .page-hero{background:radial-gradient(circle at 80% 10%,rgba(125,167,255,.14),transparent 32%);border-bottom:1px solid var(--line)}

/* Cards → clean white */
body.light .service-card,body.light .quote-card,body.light .step-card,body.light .info-card,body.light .system-card{
  background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(90,70,50,.07)}
body.light .service-card:hover,body.light .quote-card:hover{border-color:#cfe3b8;transform:translateY(-3px)}
body.light .quote-card blockquote{color:#3a352c}
body.light .avatar{background:#e7f0da;color:#4e7a25}
body.light .quote-person strong{color:#22304a}
body.light .node-icon{background:#e7f0da;color:#4e7a25}
body.light .flow-node{background:#fffdf8}
body.light .flow-node strong{color:#22304a}
body.light .node-tag{color:#5d8f2b}
body.light .status{color:#4e7a25}
body.light .proof-dot{background:#7ab648;box-shadow:0 0 0 5px rgba(122,182,72,.14)}
body.light .microproof{color:var(--muted)}

/* Ticker */
body.light .ticker{color:#6f6259}
body.light .ticker span:before{color:#5d8f2b}

/* Sections that were dark → light */
body.light .cta-band{background:linear-gradient(120deg,#ffffff,#fdf6ea);border:1px solid var(--line);box-shadow:0 18px 50px rgba(90,70,50,.08)}
body.light .cta-band h2{color:#22304a}
body.light .cta-band p{color:var(--muted)}
body.light .cta-band .eyebrow{color:#5d8f2b}
body.light .product-feature{background:linear-gradient(115deg,#ffffff,#fdf6ea);border:1px solid var(--line);box-shadow:0 18px 50px rgba(90,70,50,.08)}
body.light .product-copy .price-note{color:#3a352c;border-color:var(--line)}
body.light .product-detail .book-cover{box-shadow:16px 20px 0 rgba(125,167,255,.14)}

/* Explainer keeps its light-green look, tuned for the page */
body.light .explainer{background:#eef3e4}

/* FAQ */
body.light .faq-item{border-bottom:1px solid var(--line)}
body.light .faq-item summary{color:#22304a}
body.light .faq-item p{color:var(--muted)}

/* Prose + legal pages */
body.light .prose h2,body.light .prose h3{color:#22304a}
body.light .prose li,body.light .prose p{color:#4a4238}
body.light .callout{background:#fff;border:1px solid var(--line)}
body.light .callout p,body.light .callout strong{color:#3a352c}

/* Forms */
body.light .field label{color:#3a352c}
body.light .field input,body.light .field textarea,body.light .field select{background:#fff;border:1px solid var(--line);color:#2c2a24}
body.light .field input:focus,body.light .field textarea:focus{border-color:#7ab648}
body.light .field input::placeholder,body.light .field textarea::placeholder{color:#a89a86}
body.light .form-status{border-color:#bcd99a;color:#4e7a25;background:#f2f8e8}

/* Footer → light */
body.light .footer{background:#fffdf8;border-top:1px solid var(--line)}
body.light .footer h4{color:#8a7a68}
body.light .footer-links{color:#5d5248}
body.light .footer-links a:hover{color:#5d8f2b}
body.light .footer-brand p{color:var(--muted)}
body.light .footer-bottom{color:#8a7a68;border-top:1px solid var(--line)}

/* Buttons keep brand lime; secondary adapts */
body.light .btn-secondary{border-color:var(--line);background:#fff;color:#22304a;box-shadow:0 6px 16px rgba(90,70,50,.06)}
body.light .btn-secondary:hover{background:#f7f1e3}

/* Homepage-specific (home.css was written dark) */
body.light .home-hero:after{background:radial-gradient(circle,rgba(125,167,255,.16),transparent 68%)}
body.light .home-hero h1 span{color:#5d8f2b}
body.light .home-proof .t-ico{background:#e7f0da;color:#4e7a25}
body.light .home-strip{background:#fffdf8}
body.light .home-strip-inner{color:#5d5248}
body.light .home-strip-inner span:before{color:#5d8f2b}
body.light .home-card{background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(90,70,50,.07)}
body.light .home-card:hover{border-color:#cfe3b8;box-shadow:0 22px 48px rgba(90,70,50,.12)}
body.light .home-card.popular{border:1.5px solid #bcd98a;box-shadow:0 16px 40px rgba(122,182,72,.14)}
body.light .home-card h3{color:#22304a}
body.light .home-how{background:#fffdf8}
body.light .home-step h3{color:#22304a}
body.light .home-product-band{background:linear-gradient(120deg,#ffffff,#fdf6ea);border:1px solid var(--line);box-shadow:0 18px 50px rgba(90,70,50,.08)}
body.light .home-product-band h3{color:#22304a}
body.light .home-cta-band{background:radial-gradient(circle at 50% 0%,rgba(122,182,72,.12),transparent 55%),linear-gradient(180deg,#ffffff,#fdf6ea);border:1px solid var(--line);box-shadow:0 18px 50px rgba(90,70,50,.08)}
body.light .home-cta-band h2{color:#22304a}
body.light .home-cta-band h2 span{color:#5d8f2b}
body.light .wa-caption{color:var(--muted)}

/* Book page (hospital-bag-planner) extras */
body.light .example-row{background:#fff;border:1px solid var(--line)}
body.light .example-row b{color:#22304a}
body.light .example-row small{color:var(--muted)}
body.light .example-icon{background:#e7f0da;color:#2e7d5b}

/* Light popup + checkout modal (same treatment as kit pages) */
body.light .lw-popup-card{background:#fffdf9;border:1px solid #e8dcc9;box-shadow:0 40px 120px rgba(90,70,50,.35)}
body.light .lw-popup-card h3{color:#22304a}
body.light .lw-popup-card p{color:#6f6259}
body.light .lw-popup-card ul li{color:#4a4238}
body.light .lw-popup-card .lw-demo-form label{color:#2c2a24}
body.light .lw-popup-card .lw-demo-form input[type=text],
body.light .lw-popup-card .lw-demo-form input[type=email],
body.light .lw-popup-card .lw-demo-form input[type=tel]{background:#fff;border:1px solid #e8dcc9;color:#2c2a24}
body.light .lw-popup-card .lw-demo-form input:focus{border-color:#7ab648}
body.light .lw-popup-card .lw-check{color:#6f6259}
body.light .lw-popup-card .lw-small{color:#8a7a68}
body.light .lw-popup-card .lw-popup-close{color:#8a7a68;border-color:#e8dcc9}
body.light .lw-popup-card .lw-popup-close:hover{color:#22304a;border-color:#7ab648}
body.light .lw-popup-card .eyebrow{color:#5d8f2b}
body.light .lw-popup-card .eyebrow:before{background:#5d8f2b}