/* Brand colours for the dashboard pages (palette in assets/brand/_brand.yml). */
.bslib-sidebar-layout {
  --_sidebar-bg: #F8F6ED;
}
body.quarto-dark .bslib-sidebar-layout {
  --_sidebar-bg: #1A2B35;
}
.bslib-sidebar-layout > .sidebar,
.bslib-sidebar-layout > .sidebar .sidebar-content {
  background-color: var(--_sidebar-bg) !important;
}
.card > .card-header {
  background-color: #F8F6ED !important;
  border-bottom-color: #D96E34;
}
body.quarto-dark .card > .card-header {
  background-color: #1A2B35 !important;
}
.bslib-value-box {
  color: #FFFBF2;
}

/* Value boxes: set the colours here as well as in the page so the dark theme keeps
   them (its stylesheet repaints every card). Order matches the page. */
.bslib-value-box:nth-child(1) { background: #007EA7 !important; }
.bslib-value-box:nth-child(2) { background: #D96E34 !important; }
.bslib-value-box:nth-child(3) { background: #A23E02 !important; }
.bslib-value-box:nth-child(4) { background: #1A2B35 !important; }
body.quarto-dark .bslib-value-box:nth-child(4) { background: #005577 !important; }
.bslib-value-box { overflow: hidden; }
.bslib-value-box .value-box-value { overflow: visible; }

/* The "expand" button that appears on hover. */
.bslib-full-screen-enter {
  background-color: #D96E34 !important;
  color: #FFFBF2 !important;
  opacity: 0.9;
}
.bslib-full-screen-enter:hover {
  opacity: 1;
}

/* Observable Plot tooltip: painted with a white fill attribute, so in the dark theme
   its inherited light text is white on white. Use the dark surface colour. */
body.quarto-dark g[aria-label="tip"] {
  fill: #1A2B35;
}