/*
 * niramind.com by day: html[data-sky="day"] is set by assets/js/sky-clock.js from 06:00 to 17:59
 * on the visitor's own clock (R-ALL-11). Night is the page's own design; everything here re-lights it for daylight:
 * a bright sky with the sun, daylit skyline, harbour, statue and cars, night-only glows switched off.
 * SVG gradients are re-lit through their <stop>s (stop-color is a CSS property); fixed fills by
 * attribute. Markup: web/scripts/nyc-scene.py.
 */

/* ── The sky ── */
.sky-day { opacity: 0; }
html[data-sky="day"] .sky-night { opacity: 0; }
html[data-sky="day"] .sky-day { opacity: 1; }
.sky-live .sky-day, .sky-live .sky-night { transition: opacity 4s ease; }

html[data-sky="day"] { color-scheme: light; background-color: #3f86d1; }
html[data-sky="day"] body {
  background: linear-gradient(180deg, #1c5fae 0%, #3a82cf 28%, #6aa8e0 55%, #a9d1f0 78%, #e3f0fa 100%);
}
.sun__rays { transform-origin: 0 0; animation: sun-turn 240s linear infinite; }
.sun__corona { transform-box: fill-box; transform-origin: center; animation: sun-breathe 9s ease-in-out infinite; }
@keyframes sun-turn { to { transform: rotate(360deg); } }
@keyframes sun-breathe { 50% { transform: scale(1.05); opacity: .85; } }

/* The neural field, grain and vignette are night instruments: faint by day. */
html[data-sky="day"] #neural-field { opacity: .3 !important; }
html[data-sky="day"] .grain { opacity: .35; }
html[data-sky="day"] .vignette { background: radial-gradient(ellipse at center, transparent 55%, rgb(14 56 112 / .35) 100%); }
html[data-sky="day"] .emblem-halo { background: radial-gradient(circle, rgb(255 255 255 / .45) 0%, rgb(255 236 190 / .18) 40%, transparent 68%); }

/* ── Type on a bright sky: white with a soft navy shadow; the gold wordmark gets a drop shadow ── */
html[data-sky="day"] .page-frame :is(header, main, footer) { text-shadow: 0 1px 12px rgb(8 38 86 / .5); }
html[data-sky="day"] .page-frame :is(.wordmark-nira, .wordmark-mind, .wordmark-sheen) { text-shadow: none; }
html[data-sky="day"] .hero-wordmark, html[data-sky="day"] header .font-display { filter: drop-shadow(0 2px 10px rgb(8 38 86 / .45)); }
html[data-sky="day"] .page-frame .text-mist { color: #eef5fc; }
html[data-sky="day"] .page-frame footer { color: rgb(255 255 255 / .8); }
/* The tagline and the footer cross the pale daylit skyline on laptops (QA-NIRAMIND-3): a tight navy halo under the
   soft one keeps the thin white type readable on any building, the design unchanged. */
html[data-sky="day"] .page-frame :is(main p, footer) { text-shadow: 0 0 1px rgb(8 38 86), 0 0 2px rgb(8 38 86), 0 0 3px rgb(8 38 86), 0 0 6px rgb(8 38 86 / .85), 0 0 12px rgb(8 38 86 / .65), 0 1px 18px rgb(8 38 86 / .5); }
/* Measured at 1440×900 @2× (text core vs the darkest 5 % around it, 24 px cells over the glyphs): every cell ≥ 4.95:1, median 6.9. */
html[data-sky="day"] .page-frame main p { font-weight: 400; }
html[data-sky="day"] .page-frame .nav-link { color: rgb(255 255 255 / .9); }
html[data-sky="day"] .page-frame .nav-link[aria-current="page"] { color: #ffe9b0; }
@media (hover: hover) { html[data-sky="day"] .page-frame .nav-link:hover { color: #ffe9b0; } }

/* ── The skyline and the harbour in daylight ── */
html[data-sky="day"] #nyc-far stop:nth-child(1) { stop-color: #a9c0da; }
html[data-sky="day"] #nyc-far stop:nth-child(2) { stop-color: #8aa6c6; }
html[data-sky="day"] #nyc-near stop:nth-child(1) { stop-color: #6c86a7; }
html[data-sky="day"] #nyc-near stop:nth-child(2) { stop-color: #47607f; }
html[data-sky="day"] #nyc-haze stop { stop-color: #ffffff; }
html[data-sky="day"] #nyc-haze stop:nth-child(2) { stop-opacity: .5; }
html[data-sky="day"] #nyc-water stop:nth-child(1) { stop-color: #5a95cc; }
html[data-sky="day"] #nyc-water stop:nth-child(2) { stop-color: #1d4a78; }
html[data-sky="day"] .water__shimmer, html[data-sky="day"] .liberty__ripples { stroke: #ffffff; stroke-opacity: .55; }
/* Window lights become glass catching the sky. */
html[data-sky="day"] .nyc-scene .tw { fill: #e2eefa; opacity: .3; animation: none; }
html[data-sky="day"] .nyc-scene .skyline--far .tw { opacity: .16; }
html[data-sky="day"] .road { fill: #3a4452; }
html[data-sky="day"] .road__edge { stroke: #ffffff; stroke-opacity: .55; }
html[data-sky="day"] .road__dash { stroke: #ffffff; stroke-opacity: .7; }

/* ── The Statue of Liberty: granite pedestal by daylight; the night lighting off ── */
html[data-sky="day"] #lib-stone stop:nth-child(1) { stop-color: #d2cbbd; }
html[data-sky="day"] #lib-stone stop:nth-child(2) { stop-color: #b2a998; }
html[data-sky="day"] #lib-stone stop:nth-child(3) { stop-color: #8d8474; }
html[data-sky="day"] #lib-stone-top stop:nth-child(1) { stop-color: #c3bba9; }
html[data-sky="day"] #lib-stone-top stop:nth-child(2) { stop-color: #958c7b; }
html[data-sky="day"] .liberty [fill="#0a1222"] { fill: #77705f; }
html[data-sky="day"] .liberty [fill="#2b3d5f"] { fill: #c2b9a8; }
html[data-sky="day"] .liberty [fill="#0b1324"] { fill: #4d473e; }
html[data-sky="day"] .liberty :is([fill="#2a3b5c"], [fill="#33476b"], [fill="#2f4266"]) { fill: #d8d0c1; }
html[data-sky="day"] .liberty :is([stroke="#2a3a5a"], [stroke="#0d1628"]) { stroke: #8a8172; }
html[data-sky="day"] .liberty__beams, html[data-sky="day"] .liberty__lights,
html[data-sky="day"] .liberty__halo, html[data-sky="day"] .liberty__embers, html[data-sky="day"] .liberty__glint { display: none; }
/* The torch's flame is gold leaf: by day it gleams instead of burning. */
html[data-sky="day"] .liberty__fire { filter: saturate(.75) brightness(1.08); }
html[data-sky="day"] .liberty__reflection { opacity: .34; }

/* ── The flying cars: sunlit bodies, thrusters dimmed, no underglow ── */
html[data-sky="day"] .flying-car__underglow { display: none; }
html[data-sky="day"] .flying-car__thruster { opacity: .45; }
html[data-sky="day"] #car-body stop:nth-child(1) { stop-color: #ffffff; }
html[data-sky="day"] #car-body stop:nth-child(2) { stop-color: #8f9bb3; }

/* ── The SUV: the sky in its black paint and glass, a crisp midday shadow, lamps off ── */
html[data-sky="day"] #mx-paint stop:nth-child(1) { stop-color: #a4b3c8; }
html[data-sky="day"] #mx-paint stop:nth-child(2) { stop-color: #3c4452; }
html[data-sky="day"] #mx-paint stop:nth-child(3) { stop-color: #111419; }
html[data-sky="day"] #mx-glass stop:nth-child(1) { stop-color: #a8c8ea; }
html[data-sky="day"] #mx-glass stop:nth-child(2) { stop-color: #3b5b82; }
html[data-sky="day"] #mx-glass stop:nth-child(3) { stop-color: #0e1828; }
html[data-sky="day"] .mx__beam { display: none; }
html[data-sky="day"] .mx__lamp, html[data-sky="day"] .mx__tail { filter: none; }
html[data-sky="day"] .mx__shadow { opacity: .62; }
html[data-sky="day"] .mx [stroke="#f3c58a"] { stroke-opacity: .25; }

@media (prefers-reduced-motion: reduce) {
  .sun__rays, .sun__corona { animation: none; }
  .sky-live .sky-day, .sky-live .sky-night { transition: none; }
}

/* "Get the app" under the tagline (scripts/store_badges.py): the same white type as the tagline. */
html[data-sky="day"] .page-frame .store-hero__label { color: #eef5fc; }
html[data-sky="day"] .page-frame .store-hero { border-color: rgb(255 255 255 / .45); }