/* The blue look (index.html): the portfolio in navy ink under a summer sky, after Janus's reference render.
   Same type and layout; the box and its objects are recoloured by theme-blue.js. Layered over styles.css and
   prototype.css, which stay untouched. */

:root{--forest:#0f2c56;--ink-soft:#22406a;--ink-muted:#647896;--accent:#4a72a8}
::selection{background:#c6daf2}
button:focus-visible,a:focus-visible{outline-color:#4a6d9c}

/* ---------- Sky ---------- */
/* The sky (an SVG in the page) and the leaf shade over it stay put behind everything; the plinth rises in front */
body{background:#b3cfec}
.window-light{display:none}
.paper-grain{opacity:.05}
.sky{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;
 background:radial-gradient(ellipse 60% 60% at 0 0,#ffffffa6,#fff0 70%),linear-gradient(#c2d8ef,#a9c7e9 38%,#a5c4e7 72%,#bad3ee)}
.leaf-light{position:fixed;inset:0;z-index:0;pointer-events:none;mix-blend-mode:multiply;opacity:.15}
.leaf-light svg{display:block;width:100%;height:100%}

/* ---------- Header ---------- */
.site-header nav a:hover,.site-header nav button:hover{border-bottom-color:#0f2c5666}
.sound-toggle:hover{background:#0f2c5612}

/* ---------- The hero round the closed box ---------- */
.intro3d h1 em{color:var(--forest)}
.intro3d p{color:var(--ink-soft)}
.tap-hint{color:#2e4b75}
/* Out-of-focus blossoms in the foreground, coming in from the left edge (blue-decor.js draws them) */
.blossoms{position:absolute;z-index:2;left:0;bottom:0;width:clamp(120px,15vw,280px);height:86%;pointer-events:none}
.blossoms svg{position:absolute;left:0;bottom:0;width:100%;height:100%;overflow:visible}
@media (max-width:700px){.blossoms{display:none}}

/* ---------- Lid ---------- */
.lid-welcome{color:#13305a}
.lid-welcome em,.label-links a:hover{color:var(--accent)}
.project-info p{color:var(--ink-soft)}
.info-exhibit,.label-links a{border-bottom-color:#0f2c5666}

/* ---------- Exhibits ---------- */
.exhibit{color:#1f3556;box-shadow:0 0 0 1px #14233a0a,0 1px 2px #14233a0f,0 14px 30px -16px #14233a45}
.is-stacked .exhibit{box-shadow:0 25px 50px -12px #14233a40}
.label-number,.exhibit-text h4,.label-partner span{color:var(--ink-muted)}
.label-partner{border-top-color:#1f35561f}
.back-to-top{border-color:#0f2c5655}
.art-button{box-shadow:0 1px 3px #14233a29}
.exhibit-art video,.exhibit-art img{background:#e3e9f1}
.exhibit-art.is-object img{background:linear-gradient(#f4f6f9,#e6ebf2)}

/* ---------- Footer ---------- */
.site-footer{border-top-color:#0f2c5615}
.footer-secondary{color:#45608a}