/* A restrained palette follows the current world; photographs keep their original colour. */
@property --accent{syntax:'<color>';inherits:true;initial-value:#80c9c4}
@property --background{syntax:'<color>';inherits:true;initial-value:#0b1214}
@property --surface{syntax:'<color>';inherits:true;initial-value:#142125}
@property --muted{syntax:'<color>';inherits:true;initial-value:#a3b6ba}
@property --border{syntax:'<color>';inherits:true;initial-value:#344d52}
@property --glow{syntax:'<color>';inherits:true;initial-value:#3b8f95}
:root{--accent:#80c9c4;--background:#0b1214;--surface:#142125;--muted:#a3b6ba;--border:#344d52;--glow:#3b8f95;--acid:var(--accent);--ink:var(--background);transition:--accent 1s ease,--background 1s ease,--surface 1s ease,--muted 1s ease,--border 1s ease,--glow 1s ease}
.world-destination{--acid:var(--accent)}
body,dialog,dialog::backdrop{background:var(--background)}
header{background:color-mix(in srgb,var(--surface) 94%,transparent);border-color:var(--border)}
#worlds-panel,.feature-carousel .hero,.carousel-stage,.hero-caption,.photo .frame,.music-panel,.theme-ribbon{background:var(--surface);border-color:var(--border)}
.theme-ribbon,.group-header,.about,footer,.filters button,.carousel-buttons button,.music-toggle,.photo .caption span:last-child{border-color:var(--border)}
.ambient-orb{opacity:.07}
.orb-one,.orb-two{background:var(--glow)}
.intro-bottom p,.carousel-description,.section-title p,.group-header p,.photo-description,.about-copy p,.viewer-description,.viewer-bar,.selection-status,.carousel-controls,.intro-footnote,footer p,footer>a:last-child,.ribbon-track,.music-panel p span,.music-controls label,#worlds-panel small,.worlds-intro p{color:var(--muted)}
.browse,.filters button.active,#worlds-toggle:hover,#worlds-toggle[aria-expanded="true"],nav a:hover,.carousel-buttons button:hover{color:#111}
.music-toggle:hover,.photo:hover .caption span:last-child,#worlds-panel a:hover,#worlds-panel a[aria-current]{background:color-mix(in srgb,var(--accent) 12%,var(--surface))}
.photo:hover .frame{border-color:var(--accent)}
.viewer-stage button{background:color-mix(in srgb,var(--background) 80%,transparent)}
body,header,dialog,dialog::backdrop,#worlds-panel,.music-panel,.feature-carousel .hero,.carousel-stage,.hero-caption,.theme-ribbon{transition:background-color 1s ease,border-color 1s ease,color .6s ease}
@media(prefers-reduced-motion:reduce){:root{transition:none}}