/* Storm blue, electric cyan, sunset amber, and violet. */
:root{--bg:#081329;--panel:#122540;--line:#304c71;--text:#f0f6ff;--muted:#b2c5df;--blue:#63d9f3;--orange:#ffba68;--orange-strong:#f69b42;--positive:#6fe1b8;--violet:#b7a1ff}
body{background:radial-gradient(ellipse at 90% 0%,#25346266,transparent 45%),radial-gradient(ellipse at 0% 60%,#0a607233,transparent 45%),var(--bg);background-attachment:fixed}
header{background:linear-gradient(105deg,#112946,#172343 60%,#293058);border-bottom:1px solid #6486b0;box-shadow:0 4px 24px #0003}
.brand span{color:#79e4f5;text-shadow:0 0 18px #63d9f377}
header .clocks>div:first-child{color:#78e4f7}header .clocks>div:last-child{color:#ffc582}.clocks small{color:#d1ddef}
aside{background:linear-gradient(180deg,#102440,#0d1b32 75%);border-right-color:#355174}
.nav-group{color:#bcafff;letter-spacing:1.5px}.nav-icon{color:#79dcec}
nav button:hover{background:#203e5b;color:#fff}
nav button.active{background:linear-gradient(100deg,#194b66,#26385a);box-shadow:inset 3px 0 #ffba68;border:1px solid #497999;color:#fff}
.page-head{border-image:linear-gradient(90deg,#65dcf2,#a99afa,#ffb767) 1}
h1{color:var(--text);letter-spacing:-.7px}.eyebrow{color:var(--orange)!important}
.weather-panel,.sat-workbench,.cc-widget{background:linear-gradient(140deg,#182e4a,#11223b 80%);border-color:#38577c;box-shadow:0 6px 20px #0002}
.dashboard-current{border-top:3px solid #ffba68;background:radial-gradient(ellipse at top right,#9a69452b,transparent 65%),linear-gradient(135deg,#1a304b,#13233b)}
.temperature{color:#ffd195}.hourly-panel{border-top:3px solid #63d9f3}.hourly-hour strong{color:#9ce8fa}.hourly-hour{border-right-color:#345372}.hourly-hour:nth-child(even){background:#4b88b20a}
.dashboard-extended{border-top:3px solid #b7a1ff}.dashboard-extended h2{color:#d1c4ff}
.sat-heading{background:linear-gradient(100deg,#16364b,#24365b);border-bottom:1px solid #3d6587;border-radius:7px 7px 0 0}
.sat-heading h2{color:#a4eafa}.cod-radar .sat-heading{background:linear-gradient(100deg,#153e46,#203854)}
.sat-workbench .sat-stage{background:#050e20}.sat-overlay-options{scrollbar-color:#9fbeed #11213a}
.button,.cc-button{border-color:#4e6b94;background:linear-gradient(135deg,#203a59,#182c48);transition:background .15s,border-color .15s}
.button:hover,.cc-button:hover{background:#2d4c6b;border-color:#ffba68}
#refresh{color:#ffcf99;border-color:#be8957}.cc-status{border-left:3px solid #63d9f3;background:linear-gradient(90deg,#153249,#18253f)}
.card{background:linear-gradient(130deg,#182d49,#12223b);border-color:#355475}.card:hover{border-color:#8ba9e5;box-shadow:0 4px 18px #0003}.card .body h3{color:#e6f0ff}.source{color:#9ed8ea}.bottom b{color:#ffc179}
.weather-details{border-top:3px solid #ffba68}.wd-card{--tile-accent:#ffc677;background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--tile-accent) 13%,transparent),transparent 70%),#0d1d34;border-color:#385170;border-top:2px solid var(--tile-accent)}
.wd-card:nth-child(2){--tile-accent:#ff9c91}.wd-card:nth-child(3){--tile-accent:#70dbd0}.wd-card:nth-child(4){--tile-accent:#8cb7ff}.wd-card:nth-child(5){--tile-accent:#f6d16b}.wd-card:nth-child(6){--tile-accent:#82dbac}.wd-card:nth-child(7){--tile-accent:#9fc5ff}.wd-card:nth-child(8){--tile-accent:#c3abff}
.wd-card h3{color:var(--tile-accent)}.wd-reading strong{color:var(--text)}.wd-card .wd-compass{fill:var(--tile-accent)}
.cc-light{--bg:#eaf1fb;--panel:#fff;--line:#a9bdd6;--text:#142b47;--muted:#435e7d;--blue:#096d91;--orange:#985000;--violet:#6550a6;background:radial-gradient(ellipse at top right,#ddd8ff77,transparent 50%),#eaf1fb}
.cc-light header,.cc-light aside{background:linear-gradient(120deg,#edf5ff,#e5e7fa);border-color:#b8cbe4}.cc-light header .clocks>div:first-child{color:#086b88}.cc-light header .clocks>div:last-child{color:#945000}.cc-light .clocks small{color:#435e7d}.cc-light .nav-group{color:#6550a6}.cc-light nav button.active{background:linear-gradient(100deg,#c5eaf4,#dedcf4);color:#152f4c}.cc-light nav button:hover{background:#d8e5f5;color:#142b47}
.cc-light .weather-panel,.cc-light .sat-workbench,.cc-light .cc-widget,.cc-light .card{background:linear-gradient(135deg,#fff,#eff5fe);border-color:#b5c8e0}.cc-light .sat-heading,.cc-light .cod-radar .sat-heading{background:linear-gradient(100deg,#d4edf6,#e5dff8);border-color:#a8c6df}.cc-light .sat-heading h2,.cc-light .card .body h3{color:#153755}.cc-light .temperature{color:#a55416}.cc-light .hourly-hour strong{color:#096481}.cc-light .dashboard-extended h2{color:#6550a6}.cc-light .button,.cc-light .cc-button{background:linear-gradient(130deg,#fff,#e4eef9);border-color:#9cb4d2;color:#173752}.cc-light #refresh{color:#8c4c0b;border-color:#bf9562}.cc-light .cc-status{background:#e2eff8}.cc-light .source{color:#296482}.cc-light .wd-card{background:linear-gradient(135deg,#fff,#ecf3fd);border-color:#b5c8e0;border-top-color:var(--tile-accent)}.cc-light .wd-card h3{color:#365370}.cc-light .wd-reading strong{color:#142b47}
@media(prefers-reduced-motion:reduce){.button,.cc-button{transition:none}}

/* A restrained crimson undertone throughout the chrome; imagery stays true. */
:root{--crimson-wash:rgba(139,38,65,.055)}
body:not(.cc-light){background:radial-gradient(ellipse at 100% 10%,rgba(145,35,66,.085),transparent 55%),radial-gradient(ellipse at 90% 0%,#25346266,transparent 45%),radial-gradient(ellipse at 0% 65%,rgba(111,29,55,.05),transparent 55%),var(--bg)}
body:not(.cc-light) header{background:linear-gradient(105deg,#112946,#172343 65%,#30243e)}
body:not(.cc-light) aside{background:linear-gradient(180deg,#102440,#151c33 75%,#24192c)}
body:not(.cc-light) .weather-panel,body:not(.cc-light) .sat-workbench,body:not(.cc-light) .cc-widget,body:not(.cc-light) .card{background:linear-gradient(145deg,rgba(134,39,62,.055),transparent 48%),linear-gradient(140deg,#182e4a,#11223b 80%);box-shadow:0 6px 20px #0002,0 1px 0 rgba(181,75,100,.10) inset}
body:not(.cc-light) .sat-heading{background:linear-gradient(100deg,#16364b,#24365b 78%,#30263f)}
body:not(.cc-light) .cod-radar .sat-heading{background:linear-gradient(100deg,#153e46,#203854 80%,#2a263e)}
body:not(.cc-light) .wd-card{background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--tile-accent) 11%,transparent),transparent 70%),linear-gradient(155deg,rgba(137,34,62,.045),transparent 60%),#0d1d34}
body:not(.cc-light) .cc-status{background:linear-gradient(90deg,#153249,#18253f 85%,#282136)}
body:not(.cc-light) .button,body:not(.cc-light) .cc-button{box-shadow:0 1px 0 rgba(180,73,98,.09) inset}
body.cc-light{background:radial-gradient(ellipse at 100% 10%,rgba(157,32,65,.035),transparent 55%),radial-gradient(ellipse at top right,#ddd8ff77,transparent 50%),#eaf1fb}
.cc-light header,.cc-light aside{background:linear-gradient(120deg,#edf5ff,#e5e7fa 85%,#eee5ee)}
.cc-light .weather-panel,.cc-light .sat-workbench,.cc-light .cc-widget,.cc-light .card{background:linear-gradient(145deg,rgba(157,32,65,.025),transparent 48%),linear-gradient(135deg,#fff,#eff5fe)}