/* Two recurring states of the same place. Warm meaning-light does not change. */
:root,html[data-palette="ice"]{color-scheme:dark;--bg:#070b12;--surface:#101722;--ink:#edf5ff;--muted:#a8b7ca;--accent:#a9dcff;--line:#34485f;--note-paper:#dceaff;--note-ink:#13263e}
html[data-palette="acid"]{--bg:#070b08;--surface:#121b0e;--ink:#f3ffe4;--muted:#b6c4a7;--accent:#c3ff00;--line:#354526;--note-paper:#dce8ca;--note-ink:#24351a}
html[data-palette="mint"]{--bg:#070f0d;--surface:#101e19;--ink:#edf9f1;--muted:#adc4b8;--accent:#a6f4cd;--line:#354a40}
html[data-palette="amber"]{--bg:#120d07;--surface:#21190f;--ink:#fff5e6;--muted:#c8b9a4;--accent:#f4c98e;--line:#53412e}
html[data-palette]{--paper:var(--bg);--dim:var(--muted);--signal:var(--accent);--moss:var(--muted);background:var(--bg);color:var(--ink)}
html[data-palette] body,html[data-palette] .screen-entry{background:var(--bg)}
html[data-palette] .reading-page{--bg:inherit;--surface:inherit;--ink:inherit;--muted:inherit;--accent:inherit;--line:inherit}
html[data-palette] .visit{--visit-ink:var(--ink);--visit-bg:var(--surface);--visit-accent:var(--accent);border-color:var(--line)}
html[data-palette] :is(.intro-preview,.reading-status,.found-note){background:var(--surface)}
html[data-palette] :is(.intro-form input,.intro-form textarea,.intro-form select){background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-palette] .introduce-cta{color:var(--bg)!important}
html[data-palette] .story-title{color:var(--muted)}
html[data-palette] .insert{background:var(--note-paper);color:var(--note-ink)}
html[data-palette] .insert-label{color:inherit}
html[data-palette] .received{background:transparent;color:var(--ink);border-color:var(--accent)}
html[data-palette] .trace-inline{color:var(--accent);text-decoration-color:var(--accent)}
html[data-palette] .afterimage{border-color:var(--line);background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 5%,transparent),transparent)}
html[data-palette] a:visited{color:inherit}
html[data-palette] ::selection{background:color-mix(in srgb,var(--accent) 30%,var(--bg));color:var(--ink)}
html[data-palette="acid"] .distant-orbit{border-color:#c3ff0018;box-shadow:0 0 80px #94bd1910,inset 0 0 80px #94bd1910}
html[data-palette="acid"] .horizon{background:linear-gradient(90deg,transparent,#a6bf795c,transparent)}
html[data-palette="acid"] .sea{background:repeating-linear-gradient(0deg,transparent 0px,transparent 17px,#c3ff0008 18px,transparent 19px)}