/* Quiet graphite surface on internal pages, without decorative artwork. */
body:not([data-section=home]){--ambient-background:rgb(6,18,34);--ambient-warm:#ff9b1900;--ambient-cool:rgba(20,135,255,.3);--workspace-base:#030b13;--inside-halo:#087cce2b;--inside-edge:#078ddd20;--inside-warm:#d7801712;--frame-glow:#48acff0a}
html[data-theme=human] body:not([data-section=home]){--ambient-background:rgb(29,16,9);--ambient-warm:rgba(255,155,25,.3);--ambient-cool:#1487ff00;--workspace-base:#080a0b;--inside-halo:#dd8a2024;--inside-edge:#cb731322;--inside-warm:#d7801718;--frame-glow:#ffc1690a}
body:not([data-section=home]) .tablet,html[data-theme=human] body:not([data-section=home]) .tablet{background:radial-gradient(ellipse at 78% 58%,var(--inside-halo),transparent 48%),radial-gradient(ellipse at 100% 90%,var(--inside-edge),transparent 58%),radial-gradient(ellipse at 0% 55%,var(--inside-warm),transparent 42%),var(--workspace-base);box-shadow:inset 0 0 38px var(--inside-edge),0 0 0 1px #26313e55,-15px 0 60px var(--ambient-warm),15px 0 60px var(--ambient-cool),0 24px 45px #0007}
body:not([data-section=home]) .tablet:before,body:not([data-section=home]) .page-content:before{display:none;background:none}
body[data-section=data] .data-hero{background:transparent}
/* The page colour also on the root element. Taken only from <body>, the browser could keep the previous
   theme's colour in a strip at the bottom of the window after a theme switch and a resize. */
html:has(>body:not([data-section=home])){background-color:rgb(6,18,34)}
html[data-theme=human]:has(>body:not([data-section=home])){background-color:rgb(29,16,9)}