/* PayPilot brand lockup and light/dark themes. Loaded after app.css; dark stays the original look. */
:root{--pp-g1:#A78BFA;--pp-g2:#E879F9}
.brand{color:var(--ink)}
.brand .brand__lockup{width:auto;height:30px;aspect-ratio:5105/1190}
.brand .brand__lockup--card{aspect-ratio:5983/1190}
.foot .brand .brand__lockup{height:34px}
.pos__brand svg{width:24px;height:24px}

.theme-toggle{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--ink);background:var(--glass);box-shadow:inset 0 0 0 1px var(--line-2);transition:background .3s,transform .3s var(--ease)}
.theme-toggle:hover{background:var(--glass-2)}
.theme-toggle:active{transform:scale(.94)}
.theme-toggle svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .sun,html[data-theme=light] .theme-toggle .moon{display:none}
html[data-theme=light] .theme-toggle .sun{display:block}
.sheet__theme{display:flex;gap:8px;margin-top:18px}
.sheet__theme button{flex:1;height:48px;border-radius:14px;font:600 16px var(--body);color:var(--ink-2);background:var(--glass);box-shadow:inset 0 0 0 1px var(--line)}
.sheet__theme button[aria-pressed=true]{color:var(--ink);background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--violet-2)}
html.theme-switching *,html.theme-switching *::before,html.theme-switching *::after{transition:background-color .35s,color .35s,border-color .35s,box-shadow .35s!important}

/* ---------- Light ---------- */
html[data-theme=light]{--bg:#F9F8FF;--bg-2:#F1EFFA;--bg-3:#E8E4F6;--ink:#0E0E12;--ink-2:#3A3553;--muted:#655F82;--muted-2:#8D87AE;--violet:#7C3AED;--violet-2:#7C5CF0;--violet-3:#6D28D9;--plum:#5B21B6;--magenta:#C026D3;--cyan:#0891B2;--mint:#059669;--amber:#D97706;--glass:rgba(24,18,60,.045);--glass-2:rgba(24,18,60,.08);--line:rgba(24,18,60,.1);--line-2:rgba(24,18,60,.17);--grad:linear-gradient(100deg,#7C5CF0 0%,#8B5CF6 25%,#C850E0 55%,#0891B2 100%);--pp-g1:#7C5CF0;--pp-g2:#C850E0;color-scheme:light}
html[data-theme=light] .nav.is-solid{background:rgba(255,255,255,.74);box-shadow:0 10px 40px -14px rgba(40,30,90,.22),inset 0 0 0 1px rgba(24,18,60,.08)}
html[data-theme=light] .nav__links a:hover,html[data-theme=light] .nav__links a[aria-current=page]{color:var(--ink);background:rgba(24,18,60,.06)}
html[data-theme=light] .burger span,html[data-theme=light] .burger span::before,html[data-theme=light] .burger span::after{background:var(--ink)}
html[data-theme=light] .menu-open .burger span{background:transparent}
html[data-theme=light] .sheet{background:rgba(249,248,255,.97)}
html[data-theme=light] .hero__veil{background:radial-gradient(90% 60% at 50% 45%,rgba(249,248,255,.62),transparent 80%),linear-gradient(180deg,transparent 70%,var(--bg))}
html[data-theme=light] .hero .lede{text-shadow:0 1px 18px rgba(249,248,255,.95),0 0 4px rgba(249,248,255,.9)}
html[data-theme=light] .glass{background:linear-gradient(160deg,rgba(255,255,255,.86),rgba(255,255,255,.6));box-shadow:0 30px 70px -34px rgba(60,40,140,.28),inset 0 0 0 1px rgba(24,18,60,.06)}
html[data-theme=light] .glass::before{background:linear-gradient(140deg,rgba(124,92,240,.45),rgba(24,18,60,.05) 35%,rgba(24,18,60,.04) 65%,rgba(8,145,178,.3))}
html[data-theme=light] .btn--glass:hover{border-color:rgba(24,18,60,.25)}
html[data-theme=light] .btn--white{background:var(--ink);color:#fff}
html[data-theme=light] .btn--white:hover{box-shadow:0 14px 40px -12px rgba(14,14,18,.45)}
html[data-theme=light] .methods span,html[data-theme=light] .hw__drag,html[data-theme=light] .chip-f,html[data-theme=light] .in-put,html[data-theme=light] .sel{background:rgba(24,18,60,.04)}
html[data-theme=light] .hw__tab,html[data-theme=light] .opt span{background:rgba(255,255,255,.7)}
html[data-theme=light] .hw__tab.on{background:linear-gradient(135deg,rgba(124,92,240,.14),rgba(255,255,255,.8))}
html[data-theme=light] .hw__specs span,html[data-theme=light] .linkcard code{background:rgba(24,18,60,.06)}
html[data-theme=light] .linkcard{background:rgba(255,255,255,.75)}
html[data-theme=light] .sel option{background:#fff}
html[data-theme=light] .chip-f.on,html[data-theme=light] .calc output,html[data-theme=light] .calc__rows b,html[data-theme=light] .legal h2,html[data-theme=light] .prose h2,html[data-theme=light] .midcta b,html[data-theme=light] .foot a:hover,html[data-theme=light] .crumbs a:hover,html[data-theme=light] .toc a:hover,html[data-theme=light] .toc a.on{color:var(--ink)}
html[data-theme=light] .wfeature .ic{color:var(--violet-3)}
html[data-theme=light] .toast{background:#fff;box-shadow:0 20px 50px -20px rgba(40,30,90,.35)}
html[data-theme=light] .foot__word{background:linear-gradient(180deg,rgba(124,92,240,.28),transparent 85%);-webkit-background-clip:text;background-clip:text}
/* Product screens (POS terminal, wallet phones, code) stay dark, like the real devices. */
html[data-theme=light] .pos,html[data-theme=light] .phone,html[data-theme=light] .codeblock{--ink:#F4F2FF;--ink-2:#C9C4E6;--muted:#8D87AE;--muted-2:#625C82;--violet-2:#A78BFA;--violet-3:#C4B5FD;--glass:rgba(255,255,255,.055);--glass-2:rgba(255,255,255,.085);--line:rgba(255,255,255,.1);--line-2:rgba(255,255,255,.16);--pp-g1:#A78BFA;--pp-g2:#E879F9;color:var(--ink);color-scheme:dark}
html[data-theme=light] .pos.glass{background:linear-gradient(160deg,#1C1738,#0E0B1F);box-shadow:0 40px 90px -36px rgba(40,24,110,.55)}
html[data-theme=light] .codeblock.glass{background:#0A0817}