/* The 10mins.co launch flow's black ground, applied on top of an App's own
   onboarding wizard. `html:root` outranks each wizard's plain `:root` block, so
   this wins whatever order the files load in. Accent is never touched: it stays
   whatever the wizard (or the visitor's colour pick) set. */
html:root{--ink:#000;--ink2:#0e0e11;--line:rgba(255,255,255,.11);--mut:#8a867b;--white:#f5f3ec}
html:root body{background:#000;background-image:radial-gradient(60% 30% at 50% 0%,rgba(201,164,76,.10),transparent 70%);background-repeat:no-repeat}
html:root .nav-row{background:#000}
html:root input,html:root select,html:root textarea{background:#0e0e11}
html:root .style-card,html:root .chip-box{background:#0e0e11}
html:root .logo{letter-spacing:-.02em}

/* Wizard chrome uses 10mins gold, never the tenant's chosen accent. The
   visitor may pick a near-black accent for THEIR app (the first swatch often
   is), which would make buttons, dots and selected borders vanish on this
   black ground. The accent still colours the live preview and what is saved. */
html:root .btn:not(.ghost){background:#C9A44C;color:#17120a}
html:root .btn.ghost{background:transparent;color:#f5f3ec;border-color:rgba(255,255,255,.18)}
html:root .dot.on{background:#C9A44C}
html:root .logo span{color:#C9A44C}
html:root .style-card.sel{border-color:#C9A44C}
html:root input:focus,html:root select:focus,html:root textarea:focus{border-color:rgba(201,164,76,.7)}
html:root #success .link-box{color:#C9A44C}
html:root #success .icon{color:#C9A44C!important}
html:root .logo-pick{color:#f5f3ec;border-color:rgba(255,255,255,.2)}
html:root .hint,html:root .sub{color:#9a968a}
html:root a{color:#e8d9a8}
html:root a.btn:not(.ghost){color:#17120a}
html:root a.btn.ghost{color:#f5f3ec}