/* CONTINUARIUM circadian skins. Layout belongs to the unchanged Hall template.
 * New selectors affect artwork and palette only; the decorative canvas has no
 * hit targets and remains behind the wordmark, subtitle, search and controls. */

body[data-clear-product="continuarium"][data-continuarium-profile="starluster"][data-continuarium-skin="bluemoon"] {
  --room-art: url("/artwork/bluemoon-desktop.png");
  --room-matte: #dbeaf3;
  --room-vignette: none;
  --room-shadow: rgba(18, 57, 83, .3);
  --ethos-gradient: linear-gradient(90deg, #174b73, #287898 50%, #174b73);
  --ethos-shadow: rgba(255, 255, 255, .88);
  --claire-copy: #24465e;
  --claire-name: #08738e;
  --claire-shadow: rgba(244, 251, 255, .98);
  --starluster-blue: #149dbc;
  --field-shell: rgba(239, 248, 253, .9);
  --field-border: rgba(33, 83, 115, .46);
  --field-text: #173c56;
  --field-icon: #275674;
  --field-icon-active: #096c91;
  --footer-bg: #d9e8f1;
  --footer-ink: #224865;
  --footer-rule: rgba(35, 82, 114, .25);
}

body[data-continuarium-skin="bluemoon"] .room__scene {
  background-position: center;
  background-size: cover;
}

body[data-continuarium-skin="bluemoon"] .clear-global-footer {
  color: var(--footer-ink);
}

body[data-clear-product="continuarium"][data-continuarium-profile="starluster"][data-continuarium-skin="classic-starlight"] {
  --room-art: radial-gradient(ellipse 60% 50% at 50% 38%, #0c1626 0%, #05070d 70%);
  --room-matte: #05070d;
  --room-vignette: none;
  --footer-bg: #05070d;
  --footer-ink: #b9b3a3;
  --footer-rule: rgba(203, 227, 239, .14);
}

body[data-continuarium-skin="classic-starlight"] .room__scene {
  background-color: #05070d;
  background-position: center;
  background-size: cover;
}

.circadian-starfield {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}
body:not([data-continuarium-skin="classic-starlight"]) .circadian-starfield { display: none; }

@media (max-width: 620px), (orientation: portrait) and (max-width: 820px) {
  body[data-clear-product="continuarium"][data-continuarium-profile="starluster"][data-continuarium-skin="bluemoon"] {
    --room-art: url("/artwork/bluemoon-mobile.png");
  }

  body[data-continuarium-skin="bluemoon"] .room__scene {
    /* The portrait source is selected directly, never stretched from desktop. */
    background-position: center;
    background-size: cover;
  }
}