/* QR Banao theme v2 — cobalt + mint, soft depth */
:root{--paper:#f3f6ff;--panel:#fff;--panel-2:#eaf0ff;--ink:#0e1a3a;--muted:#56628a;--line:#d3dcf4;--accent:#2b59ff;--accent-ink:#fff;--accent-soft:#dce6ff;--gold:#0a8f72;--gold-soft:#d9f5ec;--danger:#d1344b;--radius:12px;--radius-lg:20px;--shadow:0 1px 2px rgba(14,26,58,.06),0 8px 24px rgba(43,89,255,.07);--tick:0 6px 16px rgba(43,89,255,.28)}
:root[data-theme="dark"]{--paper:#0a1024;--panel:#121a36;--panel-2:#18224a;--ink:#eaf0ff;--muted:#9aa8d0;--line:#243059;--accent:#6c8cff;--accent-ink:#07102b;--accent-soft:#1d2a5e;--gold:#3fe0b5;--gold-soft:#10332f;--danger:#ff8095;--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.25);--tick:0 6px 16px rgba(108,140,255,.25)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#0a1024;--panel:#121a36;--panel-2:#18224a;--ink:#eaf0ff;--muted:#9aa8d0;--line:#243059;--accent:#6c8cff;--accent-ink:#07102b;--accent-soft:#1d2a5e;--gold:#3fe0b5;--gold-soft:#10332f;--danger:#ff8095;--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.25);--tick:0 6px 16px rgba(108,140,255,.25)}}
body{background:var(--paper);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
h1,h2,h3,.panel-title{font-family:"Space Grotesk",Inter,system-ui,sans-serif;letter-spacing:-.01em}
.hero{background:linear-gradient(135deg,#0b1544 0%,#1c3bd1 100%);color:#fff}
.hero::before{background-image:radial-gradient(#7fe9cf 1.4px,transparent 1.4px);opacity:.22}
.brand-mark{background:#fff!important;border-radius:14px}
.brand-mark svg rect{stroke:#2b59ff}.brand-mark svg rect[fill]{fill:#2b59ff}
.tagline{color:#dbe5ff}
.qr-status{color:#7fe9cf}.status-dot{background:#3fe0b5!important}
.panel,.card{border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow)}
.tab-btn{border-radius:999px;transition:background .15s,color .15s,box-shadow .15s}
.tab-btn.active{background:var(--accent)!important;color:var(--accent-ink)!important;border-color:var(--accent)!important;box-shadow:var(--tick)}
button.primary,.btn-primary,.primary-btn{background:var(--accent);color:var(--accent-ink);border-radius:12px;box-shadow:var(--tick)}
input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}
a{color:var(--accent)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}