html{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark;--ink:#f0f2ee;--muted:#a4afab;--cream:#18201e;--paper:#0d1211;--surface:#17201e;--line:#2a3532;--green:#52c79b;--green2:#143c30;--red:#ff746c;--red2:#44201e;--gold:#d3bd78;--shadow:0 14px 38px rgba(0,0,0,.24)}
html[data-theme="dark"] body{background:#0d1211}
html[data-theme="dark"] .hero:before{color:#202825}
html[data-theme="dark"] .hero aside,
html[data-theme="dark"] .card,
html[data-theme="dark"] .section-head button,
html[data-theme="dark"] .toolbar label,
html[data-theme="dark"] .tabs .active,
html[data-theme="dark"] .theme-toggle,
html[data-theme="dark"] .mod-tools button,
html[data-theme="dark"] .site-presence{background:#17201e;color:var(--ink)}
html[data-theme="dark"] .toolbar{background:#141b19}
html[data-theme="dark"] .toolbar input{color:var(--ink)}
html[data-theme="dark"] .ad-dialog input{background:#17201e;color:var(--ink)}
html[data-theme="dark"] .studio{background:#111c19}
html[data-theme="dark"] .canvas-wrap{background:#1a2c27}
html[data-theme="dark"] .canvas-wrap button{background:#e8e8e4;color:#17211f}
html[data-theme="dark"] .ad-sidebar{background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.015))}
@media(min-width:1500px){html[data-theme="dark"] .export-main{background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}}