/* ═══════════════════════════════════════════════
   AI Shop Pilot — Warm light theme (inner pages)
   Applies only when <html class="warm">. Remove the class to go back to dark.
   Mirrors the warm block in index.html.
   ═══════════════════════════════════════════════ */
html.warm{
  --navy:#fffaf3; --navy2:#ffffff; --navy3:#fff3e3;
  --text:#2b1d12; --muted:#6b5848;
  --border:rgba(43,29,18,.14); --card-bg:#ffffff; --card-border:rgba(43,29,18,.12);
  --purple:oklch(50% .23 280) !important; --purple2:oklch(44% .24 280) !important;
  --teal:oklch(58% .16 50); --pink:oklch(55% .2 350);
  color-scheme:light;
}
html.warm body{background:var(--navy);color:var(--text)}
html.warm body::before{display:none}

/* nav + footer */
html.warm nav,html.warm nav#main-nav{background:rgba(255,250,243,.94)!important}
html.warm footer{background:#f6ebdb}
html.warm .nav-logo .brand-word{background:linear-gradient(135deg,oklch(50% .23 280),oklch(58% .16 50));-webkit-background-clip:text}
html.warm .gradient-text{background:linear-gradient(135deg,oklch(50% .23 280),oklch(62% .19 45));-webkit-background-clip:text}
html.warm .page-hero-glow{background:radial-gradient(ellipse,rgba(249,115,22,.14) 0%,transparent 70%)}
html.warm .hero-glow-1{background:radial-gradient(ellipse,rgba(249,115,22,.16) 0%,transparent 70%)}
html.warm .hero-glow-2,html.warm .hero-glow-3{display:none}

/* surfaces */
html.warm .card,html.warm .legal-toc,html.warm .data-table,html.warm .stat-box{box-shadow:0 2px 12px rgba(43,29,18,.06)}
html.warm .bg-subtle,html.warm section[style*="255,255,255,0.015"]{background:#fff3e3!important}
html.warm .bg-ai{background:#f4efff;border-color:var(--border)}

/* buttons, tags, labels */
html.warm .btn-ghost-lg{background:#fff;border-color:var(--border);color:var(--text)}
html.warm .btn-outline:hover,html.warm .btn-ghost-lg:hover{background:#fff3e3;border-color:rgba(43,29,18,.3)}
html.warm .tag{background:#fff3e3;border-color:var(--border);color:var(--text)}
html.warm .section-label{background:rgba(120,80,255,.08);border-color:rgba(120,80,255,.25)}

/* status badges: darker text for light ground */
html.warm .badge-green{background:rgba(22,163,74,.12);color:#15803d}
html.warm .badge-yellow{background:rgba(217,119,6,.14);color:#92400e}
html.warm .badge-blue{background:rgba(37,99,235,.12);color:#1d4ed8}
html.warm .badge-red{background:rgba(220,38,38,.1);color:#b91c1c}

/* forms */
html.warm .form-input,html.warm .form-select,html.warm .form-textarea{background:#fff;color:var(--text);border-color:rgba(43,29,18,.25)}
html.warm .form-input:focus,html.warm .form-select:focus,html.warm .form-textarea:focus{background:#fff;border-color:var(--purple);outline:2px solid rgba(120,80,255,.25)}
html.warm .form-select option{background:#fff;color:var(--text)}

/* legal / long-form */
html.warm .legal-highlight{background:#f4efff;border-color:rgba(120,80,255,.25)}
html.warm .warning-box{background:#fff4d6;border-color:rgba(217,119,6,.35)}
html.warm .warning-box p{color:#92400e}
html.warm .data-table th{background:#fff3e3;color:var(--text)}
html.warm .data-table td,html.warm .plan-table td{color:var(--text)}
html.warm .toc-item:hover,html.warm .toc-item.active{background:rgba(120,80,255,.1);color:var(--purple)}
html.warm .legal-section a{color:var(--purple);text-decoration:underline}

/* misc */
html.warm .cta-banner,html.warm .fm-cta{background:#f4efff;border-color:rgba(120,80,255,.3)}
html.warm .cta-banner::before{display:none}
html.warm .scroll-top-btn{color:#fff}
html.warm table th{color:var(--text)}
@media (max-width:960px){html.warm .nav-links.open,html.warm #nav-links.open{background:rgba(255,250,243,.98)!important}}