/* Semantic surface states shared across reusable components. */
:root{
    --surface-informative:#f0eee8;
    --surface-informative-border:#e3dfd7;
    --surface-informative-control:#e5e2dc;
    --surface-informative-muted:#7c837f;
}

.information-panel{
    background:var(--surface-informative);
    border-color:var(--surface-informative-border);
    box-shadow:none;
}
.information-panel .sunset-schedule__icon,
.information-panel .sunset-schedule__row-icon,
.information-panel .sunset-schedule__mode{
    background:var(--surface-informative-control);
}
.information-panel .sunset-schedule__head p,
.information-panel .sunset-schedule__row small{
    color:var(--surface-informative-muted);
}
.information-panel .sunset-schedule__timeline{
    border-top-color:var(--surface-informative-border);
}
.information-panel .sunset-schedule__row{
    border-bottom-color:var(--surface-informative-border);
}