/* Starry Night: obsidian, onyx, ivory and neutral silver. */
html[data-palette=night]{color-scheme:dark}
html[data-palette=night] body{--bg:#0b0b0c;--ink:#f0efeb;--muted:#b8b7b2;--border:#38383a;--accent:#d4d1c9;--surface:#171719;background:var(--bg);color:var(--ink);color-scheme:dark}
html[data-palette=night] .purpose-story,html[data-palette=night] .ivory{background:#1b1b1d;color:#f0efeb;--ink:#f0efeb;--muted:#bdbbb5;--border:#414143;--accent:#dedbd3}
html[data-palette=night] .hero,html[data-palette=night] .purpose-stage{color:#f5f3ed;color-scheme:dark}
html[data-palette=night] .hero:after,html[data-palette=night] .purpose-stage:after{background:linear-gradient(90deg,#060607e8,#06060766 60%,#0606071a),linear-gradient(0deg,#060607d9,transparent 60%)}
html[data-palette=night] .nav{color:#f5f3ed;background:linear-gradient(#060607b0,transparent)}
html[data-palette=night] h1 em,html[data-palette=night] .purpose-heading h2 em,html[data-palette=night] .nav .monogram{color:#e4e0d8}
html[data-palette=night] .footer .monogram{color:#d4d1c9}
html[data-palette=night] .hero-description,html[data-palette=night] .hero .eyebrow{color:#f5f3ed}
html[data-palette=night] .purpose-story .small{color:var(--muted)}
html[data-palette=night] #vision{border-color:var(--border)}
html[data-palette=night] .purpose-stage a:hover{color:#e4e0d8}
html[data-palette=night] .nav nav a:hover{border-color:#e4e0d8}
html[data-palette=night] a:focus-visible,html[data-palette=night] summary:focus-visible{outline-color:#d4d1c9}
html[data-palette=night] .hero a:focus-visible,html[data-palette=night] .nav a:focus-visible,html[data-palette=night] .purpose-stage a:focus-visible{outline-color:#e4e0d8}
html[data-palette=night] .skip{background:#f0efeb;color:#0b0b0c}
html[data-palette=night] ::selection{background:#d4d1c9;color:#0b0b0c}
html[data-palette=night] .browser-shell,html[data-palette=night] .phone-shell{background:linear-gradient(125deg,#f0efec,#898987 30%,#d0cfca 52%,#626260 78%,#e4e2dc);border-color:#aaa9a4;box-shadow:0 25px 45px #00000030,0 1px 0 #ffffff90 inset}
html[data-palette=night] .browser-chrome{background:linear-gradient(#ebe9e3,#d7d5ce);color:#42423f;border-color:#b5b3ab}
html[data-palette=night] .window-dots i,html[data-palette=night] .phone-cap:after{background:#81817b}
@media(max-width:650px){html[data-palette=night] .hero:after,html[data-palette=night] .purpose-stage:after{background:linear-gradient(0deg,#060607f5,#06060735 90%),linear-gradient(90deg,#06060760,transparent)}}