/* Night mode: the same house colours turned to a deep bordo night. Only active with html.night (see night.js). */
.themebtn{display:inline-grid;place-items:center;width:34px;height:34px;margin:0 6px;border-radius:50%;border:1px solid var(--line,#E2D6CF);background:transparent;color:var(--ink,#2A1119);cursor:pointer;flex:none;transition:background .2s,border-color .2s}
.themebtn:hover{border-color:var(--pink,#9B1149)}
.themebtn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.themebtn .sun{display:none}html.night .themebtn .sun{display:block}html.night .themebtn .moon{display:none}
html.night{
  --cream:#120A0D;--paper:#1C1015;--ink:#F5EAE6;--muted:#B39FA3;--pink:#E5528A;--deep:#F7C9D8;--tint:#2A1620;--line:#33222A;--soft:#F7C9D8;
  --bg:#120A0D;--bg2:#1C1015;--card:#1C1015;--card2:#22141A;--line2:#40292F;--text:#F5EAE6;--mute:#B39FA3;--dim:#8A777B;--accent:#E5528A;--lilac:#E5528A;--grad:#E5528A;
  color-scheme:dark}
html.night,html.night body{background:var(--cream)!important;color:var(--ink)}
html.night ::selection{background:#7A1E46;color:#fff}
/* the logo's diamond is ink coloured: light at night */
html.night .logo polygon[fill="#2A1119"]{fill:#F5EAE6}
/* text on pink stays white; the pink panels turn to deep bordo */
html.night a.btn,html.night a.btn small,html.night button.livebtn,html.night b.hit{color:#fff!important}
html.night .device{background:#2A1620!important}
html.night .launch{background:linear-gradient(135deg,#3A0F22,#22101A)!important}
html.night .launch,html.night .launch h2,html.night .launch p,html.night .launch .free{color:var(--ink)!important}
html.night .launch h2 em{color:#F7A3C2!important}
html.night .launch a.plan{background:#120A0D!important;border:1px solid #5A2A3E!important;color:var(--ink)!important}
html.night .launch a.plan small{color:var(--muted)!important}html.night .launch a.plan b{color:#F7A3C2!important}
html.night .launch a:not(.plan){background:none!important;color:#F7A3C2!important}