/* Light mode for windowtintandkits.com — turned on by theme.js (html[data-theme="light"]).
   Dark mode is untouched: every rule here starts with [data-theme="light"].
   Print styles on the quote and addendum pages already force white paper, so printing is unchanged. */

/* ---------- Toggle button (all pages, both modes) ---------- */
.theme-toggle{display:inline-grid;place-items:center;width:38px;height:38px;flex:0 0 38px;padding:0;border-radius:9px;
  border:1px solid #3a474e;background:transparent;color:#f4f6f7;font-size:18px;line-height:1;cursor:pointer;
  transition:border-color .2s,background .2s,transform .15s}
.theme-toggle:hover{border-color:var(--red)}
.theme-toggle:active{transform:scale(.95)}
header.top .theme-toggle{margin-left:auto}
.legal-nav .theme-toggle{width:34px;height:34px;flex-basis:34px;font-size:16px}
.theme-toggle.floating{position:fixed;right:16px;bottom:16px;z-index:60}
@media print{.theme-toggle{display:none!important}}

/* ---------- Shared colors ---------- */
[data-theme="light"]{
  color-scheme:light;
  --bg:#f4f6f8;--panel:#ffffff;--panel2:#eef1f4;--line:#d6dce1;--muted:#56636b;--text:#12181c;
  --red:#e0102f;--red2:#b80a25;--green:#138a4a;
}
[data-theme="light"] .theme-toggle{border-color:#c3ccd2;background:#fff;color:#12181c}
[data-theme="light"] .theme-toggle:hover{border-color:var(--red)}

/* ---------- Home page + Support/Terms/Privacy (styles.css) ---------- */
[data-theme="light"] body{background:radial-gradient(ellipse at 78% 5%,#fdecef 0,transparent 29rem),var(--bg)}
[data-theme="light"] .site-header,[data-theme="light"] .site-header.scrolled{background:rgba(255,255,255,.94);border-bottom-color:#dde3e7}
[data-theme="light"] .nav a,[data-theme="light"] .support-link{color:#33404a}
[data-theme="light"] .nav a:hover,[data-theme="light"] .support-link:hover,[data-theme="light"] .legal-nav a[aria-current]{color:var(--red)}
[data-theme="light"] .menu-toggle{color:var(--text)}
[data-theme="light"] .button-red,[data-theme="light"] .legal .btn{background:linear-gradient(135deg,#ec1435,#cc0a28);color:#fff}
[data-theme="light"] .button-outline{border-color:#b8c2c8;background:#fff;color:var(--text)}
[data-theme="light"] .button-outline:hover{border-color:var(--red)}
[data-theme="light"] .eyebrow{color:#56636b}
[data-theme="light"] .hero-lede{color:#3d4a52}
[data-theme="light"] .hero-meta{color:#56636b}
[data-theme="light"] .hero-photo::after{background:linear-gradient(90deg,#f4f6f8 0,#f4f6f800 26%,#f4f6f800 84%,#f4f6f8 100%),linear-gradient(#f4f6f8 0,#f4f6f800 18%,#f4f6f800 66%,#f4f6f8 100%)}
[data-theme="light"] .workspace-card{background:linear-gradient(135deg,#fffffffa,#f6f8f9f7);border-color:#d2d9de;box-shadow:0 25px 60px #12181c2e}
[data-theme="light"] .pill,[data-theme="light"] .tiny-pill{color:#33404a;border-color:#cfd6db}
[data-theme="light"] .workspace-controls,[data-theme="light"] .workspace-bottom{color:#56636b}
[data-theme="light"] .workspace-controls span{border-color:#d2d9de}
[data-theme="light"] .workspace-controls .red-label{color:var(--red)}
[data-theme="light"] .cut-grid{background:#f7f9fa;border-color:#d2d9de}
[data-theme="light"] .cut-grid #grid path{stroke:#e0e6ea}
[data-theme="light"] .cut-grid #cutLabel{fill:#56636b}
[data-theme="light"] .cut-grid #blade{fill:#12181c}
[data-theme="light"] .grid-ruler{color:#56636b}
[data-theme="light"] .visual-tag{background:#ffffffe6;border-color:#d2d9de;box-shadow:0 12px 35px #12181c22}
[data-theme="light"] .visual-tag small{color:#56636b}
[data-theme="light"] .hero-feature-row{border-color:var(--line)}
[data-theme="light"] .feature small{color:#56636b}
[data-theme="light"] .section-index{color:#6b7880}
[data-theme="light"] :is(.kits-section,.workflow,.products,.pricing){border-color:var(--line)}
[data-theme="light"] .vehicle-search{background:#fff;border-color:var(--line);box-shadow:0 16px 45px #12181c14}
[data-theme="light"] .vehicle-search label,[data-theme="light"] .request-form label{color:#4a5760}
[data-theme="light"] .vehicle-search select,[data-theme="light"] .request-form input,[data-theme="light"] .request-form select,[data-theme="light"] .request-form textarea{background:#fff;color:var(--text);border-color:#c3ccd2}
[data-theme="light"] .form-note{color:#56636b}
[data-theme="light"] .form-note.err{color:#c4102b}
[data-theme="light"] .form-note.ok,[data-theme="light"] #cutStatus.ok{color:var(--green)}
[data-theme="light"] :is(.kit-card,.step-card,.product-tile,.stat,.request-panel){background:#fff;border-color:var(--line);box-shadow:0 10px 30px #12181c0d}
[data-theme="light"] .app-panel{background:radial-gradient(ellipse at 75% 55%,#ffe0e6 0,transparent 47%),#fff;border-color:var(--line)}
[data-theme="light"] .kit-card p,[data-theme="light"] .step-card p,[data-theme="light"] .product-tile p,[data-theme="light"] .stat span{color:#56636b}
[data-theme="light"] .request-panel>p:not(.eyebrow),[data-theme="light"] .app-panel>p:not(.eyebrow){color:#56636b}
[data-theme="light"] .kit-card-foot{border-color:var(--line);color:#56636b}
[data-theme="light"] .mini-button{border-color:#b8c2c8;color:var(--text)}
[data-theme="light"] .pattern-art path{fill:#e0102f0d}
[data-theme="light"] .step-number,[data-theme="light"] .done-check{color:#fff}
[data-theme="light"] .step-visual{background:radial-gradient(ellipse,#eef1f4,transparent 72%);border-color:var(--line)}
[data-theme="light"] .step-visual svg path{stroke:#7a868d;fill:#eef2f4}
[data-theme="light"] .vehicle-visual span,[data-theme="light"] .plotter-visual b{color:#6b7880}
[data-theme="light"] .mini-cut-board{border-color:#c3ccd2;background:repeating-linear-gradient(0deg,transparent 0 10px,#e3e8eb 11px),repeating-linear-gradient(90deg,transparent 0 10px,#e3e8eb 11px)}
[data-theme="light"] .graphics-graphic{color:#2a343a}
/* The phone mockup stays dark - it's a picture of a phone screen. */
[data-theme="light"] .device-screen{color:#f4f6f7;box-shadow:0 18px 40px #12181c40}
[data-theme="light"] .device-caption{color:#6b7880}
[data-theme="light"] .pricing>div:first-child p:not(.eyebrow),[data-theme="light"] .pricing-points small{color:#56636b}
[data-theme="light"] .pricing-points>div{border-color:var(--line)}
[data-theme="light"] .site-footer p,[data-theme="light"] .site-footer p a{color:#56636b}
[data-theme="light"] .site-footer>div{color:#4a5760}
[data-theme="light"] .copyright{border-color:var(--line);color:#6b7880}
[data-theme="light"] .legal h2{border-color:var(--line)}
[data-theme="light"] .legal h3,[data-theme="light"] .legal strong{color:var(--text)}
[data-theme="light"] .legal p,[data-theme="light"] .legal li{color:#3d4a52}
[data-theme="light"] .legal .card{background:#fff;border-color:var(--line)}
@media(max-width:760px){
  [data-theme="light"] .nav{background:#fffffff7;border-color:var(--line)}
  [data-theme="light"] .nav a{border-color:#e6eaed}
  [data-theme="light"] .legal-page .legal-nav{background:none}
}

/* ---------- Quote calculator + Addendum maker (shared look) ---------- */
[data-theme="light"] .top{background:rgba(255,255,255,.94);border-bottom-color:#dde3e7}
[data-theme="light"] .card,[data-theme="light"] .editor{background:#fff;border-color:var(--line);box-shadow:0 16px 45px #12181c12}
[data-theme="light"] label{color:#4a5760}
[data-theme="light"] input,[data-theme="light"] select,[data-theme="light"] textarea{background:#fff;color:var(--text);border-color:#c3ccd2}
[data-theme="light"] input:focus,[data-theme="light"] select:focus,[data-theme="light"] textarea:focus{border-color:var(--red)}
[data-theme="light"] input::placeholder,[data-theme="light"] textarea::placeholder{color:#97a3aa}
[data-theme="light"] input[type=file]::file-selector-button{background:#eef1f4;color:var(--text);border-color:#c3ccd2}
[data-theme="light"] .hint,[data-theme="light"] .money span{color:#6b7880}
[data-theme="light"] .btn{background:linear-gradient(135deg,#ec1435,#cc0a28);color:#fff;box-shadow:0 8px 22px #e0102f30}
[data-theme="light"] .btn2{background:#fff;color:var(--text);border-color:#b8c2c8}
[data-theme="light"] .btn2:hover{border-color:var(--red)}
[data-theme="light"] .del{background:#fdecef;color:#c4102b;border-color:#f3b9c3}
[data-theme="light"] .check{background:#fff;border-color:#c3ccd2}
/* Addendum: the paper preview is already white - just give it a soft shadow on a light page. */
[data-theme="light"] .pv .sheet{box-shadow:0 14px 40px #12181c26,0 0 0 1px #c3ccd2}
[data-theme="light"] .editor h2{border-color:var(--line)}
/* Quote calculator */
[data-theme="light"] .toggle{color:#56636b}
[data-theme="light"] .tabs,[data-theme="light"] .tier{background:#eef1f4;border-color:#d0d7dc}
[data-theme="light"] .tabs button,[data-theme="light"] .tier button{color:#56636b}
[data-theme="light"] .tabs button.on,[data-theme="light"] .bdSeg button.on{background:linear-gradient(135deg,#ec1435,#cc0a28);color:#fff}
[data-theme="light"] .tier button.on{background:#fff;color:var(--text);box-shadow:inset 0 0 0 1px var(--red)}
[data-theme="light"] .chip{background:#fff;border-color:#c3ccd2;color:var(--text)}
[data-theme="light"] .chip:hover{border-color:var(--red)}
[data-theme="light"] .chip.pkg{border-color:#efa3b0;color:#c4102b}
[data-theme="light"] .chip.on{background:#fdecef;border-color:var(--red);color:#8f0a20}
[data-theme="light"] .chip b{color:var(--text)}
[data-theme="light"] .chiplabel,[data-theme="light"] .lhead,[data-theme="light"] .sheet th{color:#6b7880}
[data-theme="light"] .empty{color:#6b7880;border-color:#c3ccd2}
[data-theme="light"] .row{border-bottom-color:#e3e8eb}
[data-theme="light"] .profit{background:#eaf7ef;border-color:#b7e0c6}
[data-theme="light"] .profit .row{border-color:#cdebd8}
[data-theme="light"] .bdSeg{border-color:#c3ccd2}
[data-theme="light"] body>.foot{color:#6b7880}
@media(max-width:560px){
  [data-theme="light"] .line{border-bottom-color:#e3e8eb}
  [data-theme="light"] .mbar{background:rgba(255,255,255,.97);border-top-color:#f0c4cc}
}