/* Atlas PWA dark theme. js/theme.js sets <html data-theme="dark"> when the phone is dark
   (or when Settings says Dark). Same claymorphism, deep indigo surfaces. Light is app.css. */
:root[data-theme="dark"]{
 --ink:#EEEAFF;--muted:#A9A1CF;--bg:#17142B;--surface:#241F42;--brand:#8FB0FF;
 --primary:#5C8CFF;--primary-edge:#2F58C4;--primary-soft:#2B3768;--on-primary-soft:#C9D8FF;
 --on-yellow:#4A3200;--warn:#4A3A14;--on-warn:#FFE3AE;--green-text:#8EE6B5;
 --lilac-edge:#120E26;--outline:#443C74;--outline-soft:#342E5C;--red:#FF8080;
 --clay:8px 12px 22px rgba(0,0,0,.4),inset -5px -7px 12px rgba(0,0,0,.25),inset 5px 5px 10px rgba(255,255,255,.07);
 color-scheme:dark;
}
:root[data-theme="light"]{color-scheme:light}
:root[data-theme="dark"] body{background:radial-gradient(40% 30% at 0% 0%,#2a1b3f 0,transparent 70%),radial-gradient(40% 30% at 100% 10%,#16264d 0,transparent 70%),var(--bg)}
:root[data-theme="dark"] a{color:#9DBBFF}
:root[data-theme="dark"] .bar{background:rgba(23,20,43,.92)}
:root[data-theme="dark"] .tabs{background:#211C3E;box-shadow:0 -8px 24px rgba(0,0,0,.4)}
:root[data-theme="dark"] .pill{box-shadow:0 3px 0 #1d2650,inset 0 2px 0 rgba(255,255,255,.12)}
:root[data-theme="dark"] .btn,
:root[data-theme="dark"] .tile,
:root[data-theme="dark"] .seg,
:root[data-theme="dark"] .chip,
:root[data-theme="dark"] .msg,
:root[data-theme="dark"] .item,
:root[data-theme="dark"] .block,
:root[data-theme="dark"] .pack,
:root[data-theme="dark"] .google,
:root[data-theme="dark"] .icon-btn{background:var(--surface)}
:root[data-theme="dark"] .btn{box-shadow:0 5px 0 #120E26,0 10px 18px rgba(0,0,0,.3),inset 0 2px 0 rgba(255,255,255,.08)}
:root[data-theme="dark"] .btn:active{box-shadow:0 2px 0 #120E26}
:root[data-theme="dark"] .btn.primary{background:var(--primary);color:#fff;box-shadow:0 5px 0 var(--primary-edge),0 10px 18px rgba(0,0,0,.3),inset 0 2px 0 rgba(255,255,255,.25)}
:root[data-theme="dark"] .btn.yellow{background:var(--yellow);color:var(--on-yellow)}
:root[data-theme="dark"] .btn.green{background:var(--green);color:var(--on-green)}
:root[data-theme="dark"] .btn.link{background:none;box-shadow:none}
:root[data-theme="dark"] .msg.user{background:var(--primary);color:#fff}
:root[data-theme="dark"] .chip{color:#CFC8F5}
:root[data-theme="dark"] .chip.on{background:var(--yellow);color:var(--on-yellow)}
:root[data-theme="dark"] .seg button.on{color:var(--on-green)}
:root[data-theme="dark"] .seg button{color:var(--muted)}
:root[data-theme="dark"] .card.soft{background:#26305E}
:root[data-theme="dark"] .card.warm{background:#3E3318}
:root[data-theme="dark"] .card.mint{background:#173B2D}
:root[data-theme="dark"] .card.rose{background:#40213A}
:root[data-theme="dark"] .rules{background:#3E3318;color:var(--on-warn)}
:root[data-theme="dark"] .note.bad{background:#4A2030;color:#FFC4C4}
:root[data-theme="dark"] .note.ok{background:#173B2D;color:#BDF2D3}
:root[data-theme="dark"] .answer,
:root[data-theme="dark"] .block.atlas{background:#2D2750}
:root[data-theme="dark"] .file-drop{background:rgba(255,255,255,.05)}
:root[data-theme="dark"] .composer{background:rgba(36,31,66,.96)}
:root[data-theme="dark"] input[type=text],
:root[data-theme="dark"] input[type=email],
:root[data-theme="dark"] input[type=password],
:root[data-theme="dark"] input[type=tel],
:root[data-theme="dark"] input[type=search],
:root[data-theme="dark"] input[type=number],
:root[data-theme="dark"] input[type=date],
:root[data-theme="dark"] select,
:root[data-theme="dark"] textarea{background-color:#1C1736;color:var(--ink);border-color:var(--outline-soft)}
:root[data-theme="dark"] ::placeholder{color:#8179AE}
:root[data-theme="dark"] .sheet-wrap{background:rgba(0,0,0,.55)}
:root[data-theme="dark"] .toast{background:#EEEAFF;color:#1B1736}
:root[data-theme="dark"] .t-blue{background:#2B4A99;color:#DCE7FF}
:root[data-theme="dark"] .t-lilac{background:#4B3C8A;color:#EADFFF}
:root[data-theme="dark"] .t-pink{background:#8B3A5C;color:#FFE0EC}
:root[data-theme="dark"] .t-orange{background:#8A4A20;color:#FFE3CC}
:root[data-theme="dark"] .t-green{background:#2E7D55;color:#DDFBEA}
:root[data-theme="dark"] .t-yellow{background:#B58A12;color:#FFF3C4}
/* the credits slide-in (paywall.css) */
:root[data-theme="dark"] .pw-tapped{background:#3E3318;color:var(--on-warn)}
:root[data-theme="dark"] .pw-balance,
:root[data-theme="dark"] .pw-pack,
:root[data-theme="dark"] .pw-pay,
:root[data-theme="dark"] .pw-info details{background:var(--surface)}
:root[data-theme="dark"] .pw-short.bad{background:#4A2030;color:#FFC4C4}
:root[data-theme="dark"] .pw-short.ok,
:root[data-theme="dark"] .pw-done{background:#173B2D;color:#BDF2D3}
:root[data-theme="dark"] .pw-offer{background:linear-gradient(135deg,#4A3A14,#4A2540)}
:root[data-theme="dark"] .pw-card{background:linear-gradient(135deg,#173B2D,#26305E)}
:root[data-theme="dark"] .pw-count,
:root[data-theme="dark"] .pw-chip{background:#2D2750;color:var(--on-primary-soft)}
/* pictures keep their own light paper */
:root[data-theme="dark"] .preview{box-shadow:var(--clay)}