/* Match the light palette on public pages. */
html.light[data-sunapi-page-canvas] #root .sunapi-site-footer {
  background: #ffffff !important;
  color: #49596d;
  border-top: 1px solid #dce2e9;
}

html.light[data-sunapi-page-canvas] #root .sunapi-site-footer::before,
html.light[data-sunapi-page-canvas] #root .sunapi-site-footer::after {
  display: none;
}

html.light[data-sunapi-page-canvas] #root .sunapi-site-footer :is(h3, .sunapi-footer-brand) {
  color: #152033;
}

html.light[data-sunapi-page-canvas] #root .sunapi-site-footer :is(.sunapi-footer-brand span, .sunapi-system-status) {
  color: #2459b5;
}

html.light[data-sunapi-page-canvas] #root .sunapi-site-footer :is(p, nav a, .sunapi-footer-bottom span) {
  color: #49596d;
}

html.light[data-sunapi-page-canvas] #root .sunapi-site-footer nav a:hover {
  color: #2459b5;
  text-decoration: underline;
}

html.light[data-sunapi-page-canvas] #root .sunapi-site-footer :is(.sunapi-footer-grid > div:last-child, .sunapi-footer-bottom) {
  border-color: #dce2e9;
}

html.light[data-sunapi-page-canvas] #root .sunapi-site-footer .sunapi-footer-cta {
  background: #2459b5;
  border-color: #2459b5;
  color: #ffffff;
}

html.light[data-sunapi-page-canvas] #root .sunapi-site-footer .sunapi-footer-cta:hover {
  background: #1e4894;
}