/* Sonnenaufgang wie in der freigegebenen Vorschau */
body {
  background-color:#0e171e;
  background-image:
    linear-gradient(180deg,rgba(7,15,22,.18) 0%,rgba(7,15,22,.25) 26%,rgba(7,15,22,.48) 100%),
    url('/solar/assets/sunrise-v1.png');
  background-repeat:no-repeat;
  background-position:center top;
  background-size:cover;
  background-attachment:fixed;
}
body > header {
  background:rgba(10,20,29,.40);
  border-bottom-color:rgba(153,181,201,.22);
}
body > header h1,
body > header .eyebrow,
.compact-heading h2,
.compact-heading .eyebrow,
.intro h2,
.intro .eyebrow,
.solar-start-inner > h1,
.solar-start-inner > .eyebrow,
.solar-start-inner > p {
  text-shadow:0 1px 5px rgba(0,0,0,.65);
}
.statusbar,footer { color:#c3d0db }
.device,.tile,.charts article,.compact-card,.solar-start-grid button {
  background:linear-gradient(135deg,rgba(25,41,53,.95),rgba(16,30,41,.96));
  border-color:rgba(103,143,170,.36);
  box-shadow:0 8px 24px rgba(0,0,0,.14);
}
.future {
  background:rgba(15,28,39,.88);
  border-color:rgba(141,163,179,.5);
}
.solar-start-inner > p { color:#d0dbe4 }
#overview > .small {
  background:rgba(12,23,32,.78);
  border-radius:8px;
  padding:5px 9px;
}
#history > .small,#analysis > .small,
#history-state,#analysis-state {
  color:#d0dbe4;
  text-shadow:0 1px 4px #000;
}
footer { text-shadow:0 1px 4px #000; border-top-color:rgba(153,181,201,.25) }