/* LN theme v1: light theme + toggle (dark stays the default look). Loaded after style.css. */
.tt{flex:none;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:var(--ink);cursor:pointer;padding:0;transition:border-color .2s,box-shadow .3s,background .2s}
.tt svg{width:18px;height:18px}.tt .moon{color:#7cc6fe}.tt .sun{color:#e0601c;display:none}
.tt:hover{border-color:#7cc6fe;box-shadow:0 0 14px #7cc6fe55;background:rgba(124,198,254,.12)}
.tt:focus-visible{outline:2px solid #7cc6fe;outline-offset:2px}
[data-theme=light] .tt .sun{display:block}[data-theme=light] .tt .moon{display:none}
[data-theme=light] .tt{border-color:rgba(26,20,16,.16);background:#fff}
[data-theme=light] .tt:hover{border-color:#e0601c;box-shadow:0 0 14px #f6b31d66;background:#fdf0d8}
[data-theme=light] .tt:focus-visible{outline-color:#e0601c}
.nav .tt{order:3}.nav nav{order:1}.nav .btn.sm{order:2}.nav .burger{order:4}.nav .brand{order:0}
@media (max-width:760px){.nav .tt{margin-left:auto}.nav .burger{margin-left:.4rem}}
@media (prefers-reduced-motion:reduce){.tt{transition:none}}

/* Light palette */
[data-theme=light]{color-scheme:light;--bg:#faf6ef;--bg2:#ffffff;--ink:#1a1410;--mute:#5f554c;--orange:#b3560b;--pink:#c4214a;--yellow:#a87800;--lime:#4f7d00;
 --grad:linear-gradient(90deg,#ec3d63,#f7892b 40%,#f6cf1d 70%,#b9dd2a);--gradt:linear-gradient(90deg,#c4214a,#c4600e 45%,#9a7300 72%,#4f7d00)}
[data-theme=dark]{color-scheme:dark}
[data-theme=light] .grad{background:var(--gradt);-webkit-background-clip:text;background-clip:text}
[data-theme=light] .grain{opacity:.035}
[data-theme=light] .nav.solid,[data-theme=light] body.open .nav{background:rgba(250,246,239,.8);border-bottom-color:rgba(26,20,16,.08)}
[data-theme=light] body.open .nav nav{background:rgba(250,246,239,.97)}
[data-theme=light] .brand b{color:#e06f12}
[data-theme=light] .marquee{background:rgba(250,246,239,.6);border-top-color:rgba(26,20,16,.08)}
[data-theme=light] .card,[data-theme=light] .proj,[data-theme=light] .form{border-color:rgba(26,20,16,.09);box-shadow:0 1px 3px rgba(60,40,20,.06)}
[data-theme=light] .stat,[data-theme=light] .lb-card{background:linear-gradient(160deg,#ffffff,#f4ede2);border-color:rgba(26,20,16,.09)}
[data-theme=light] .lb-card{box-shadow:0 30px 80px rgba(60,40,20,.25)}
[data-theme=light] .lightbox{background:rgba(60,45,30,.45)}
[data-theme=light] .lightbox button{color:var(--ink)}
[data-theme=light] .steps li{border-top-color:rgba(26,20,16,.14)}
[data-theme=light] .info li,[data-theme=light] footer,[data-theme=light] .rx-h,[data-theme=light] .rx-list li{border-color:rgba(26,20,16,.1)}
[data-theme=light] .nums-in{border-color:rgba(26,20,16,.1);background:linear-gradient(135deg,#ffffff,#f7f0e6);box-shadow:0 0 40px rgba(247,137,43,.12)}
[data-theme=light] .shot{background:#efe7da}
[data-theme=light] .btn.ghost{background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(rgba(26,20,16,.28),rgba(26,20,16,.28)) border-box}
[data-theme=light] .btn.ghost:hover,[data-theme=light] .btn.ghost:focus-visible{background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box}
[data-theme=light] .btn:hover,[data-theme=light] .btn:focus-visible{box-shadow:0 0 0 2px var(--bg),0 0 0 4px #f7892b,0 10px 30px -6px rgba(247,137,43,.5),0 0 24px -4px rgba(236,61,99,.35)}
[data-theme=light] .see{border-bottom-color:#f7892b}
[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea,[data-theme=light] #contact-form select{background-color:#fff;border-color:rgba(26,20,16,.18)}
[data-theme=light] #contact-form input:not([type=checkbox]):hover,[data-theme=light] #contact-form select:hover,[data-theme=light] #contact-form textarea:hover{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--c) 60%,transparent),color-mix(in srgb,var(--c2,var(--c)) 60%,transparent)) border-box}
[data-theme=light] #contact-form input:not([type=checkbox]):focus,[data-theme=light] #contact-form select:focus,[data-theme=light] #contact-form textarea:focus{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--c) 0%,var(--c) 70%,var(--c2,var(--c)) 100%) border-box}
[data-theme=light] #contact-form input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}
[data-theme=light] .msg.err{color:#b3123a}
[data-theme=light] .social a.soc{color:var(--ink);border-color:rgba(26,20,16,.16);background:#fff padding-box}
[data-theme=light] .social a.soc:hover,[data-theme=light] .social a.soc:focus-visible{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(var(--c,#f7892b),var(--c,#f7892b)) border-box;color:var(--ink)}
[data-theme=light] .social a.soc-linkedin:hover,[data-theme=light] .social a.soc-linkedin:focus-visible{background:linear-gradient(#fff,#fff) padding-box,var(--g,var(--grad)) border-box}
[data-theme=light] .rx .k,[data-theme=light] .bub,[data-theme=light] .rx-mini{background:#fff padding-box;border-color:rgba(26,20,16,.12)}
[data-theme=light] .rx .k:hover,[data-theme=light] .rx .k:focus-visible,[data-theme=light] .bub:hover,[data-theme=light] .bub:focus-visible,[data-theme=light] .rx-mini:hover .k,[data-theme=light] .rx-mini:hover .bub{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(var(--c,#f7892b),var(--c,#f7892b)) border-box}
[data-theme=light] .rx .k.g:hover,[data-theme=light] .rx-mini:hover .k.g{background:linear-gradient(#fff,#fff) padding-box,var(--g,var(--grad)) border-box}
[data-theme=light] .rx .arr,[data-theme=light] .rx-mini .arr,[data-theme=light] .lb-body .arr{background:#fff;border-color:rgba(26,20,16,.14)}
[data-theme=light] .rx-bars s{background:rgba(26,20,16,.08)}
[data-theme=light] .rx-bars s::after{background:rgba(95,85,76,.45)}
[data-theme=light] .lb-x{border-color:rgba(26,20,16,.2)}
[data-theme=light] .pills li{border-color:rgba(26,20,16,.14);background:#fff padding-box}
[data-theme=light] .pills li:hover{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(var(--c),var(--c)) border-box}
[data-theme=light] .pills li.more{border-color:rgba(179,86,11,.5);background:transparent}
[data-theme=light] .hero-mark{filter:drop-shadow(0 24px 40px rgba(236,61,99,.18))}
[data-theme=light] .hero-mark::before{opacity:.55}
[data-theme=light] .info a,[data-theme=light] footer a{border-bottom-color:rgba(179,86,11,.6)}
/* the CTA band keeps its gradient; its gap ring follows --bg automatically */
[data-theme=light] .doc h2{border-top-color:rgba(26,20,16,.1)}
[data-theme=light] .doc p,[data-theme=light] .doc li{color:#2b231d}
[data-theme=light] .doc a{border-bottom-color:rgba(179,86,11,.6)}
[data-theme=light] .doc a:hover{color:var(--orange)}

/* Scrollbars: blue in dark (matches Mainframe moon), orange in light (sun) */
html,*{scrollbar-color:#7cc6fe99 var(--bg);scrollbar-width:thin}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:var(--bg)}
::-webkit-scrollbar-thumb{background:#7cc6fe99;border:2px solid var(--bg);border-radius:999px}
::-webkit-scrollbar-thumb:hover{background:#7cc6fedd}
[data-theme=light],[data-theme=light] *{scrollbar-color:#e0601cb3 var(--bg)}
[data-theme=light] ::-webkit-scrollbar-thumb{background:#e0601cb3}
[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#e0601c}