#indicators .indicator-card {
  --tone: #2c6f68;
  --tint: #e8f4f1;
  background: var(--tint);
  border: 1px solid color-mix(in srgb, var(--tone) 28%, white);
  border-top: 6px solid var(--tone);
}

#indicators .indicator-card:nth-child(1) { --tone:#087f72; --tint:#d8f5ee; background:#d8f5ee !important; }
#indicators .indicator-card:nth-child(2) { --tone:#1265b0; --tint:#dceeff; background:#dceeff !important; }
#indicators .indicator-card:nth-child(3) { --tone:#bf5718; --tint:#ffe6d2; background:#ffe6d2 !important; }
#indicators .indicator-card:nth-child(4) { --tone:#b52e61; --tint:#ffdce8; background:#ffdce8 !important; }
#indicators .indicator-card:nth-child(5) { --tone:#6339a7; --tint:#e9ddff; background:#e9ddff !important; }
#indicators .indicator-card:nth-child(6) { --tone:#9a6800; --tint:#fff0b8; background:#fff0b8 !important; }
#indicators .indicator-card:nth-child(7) { --tone:#24723a; --tint:#daf0c9; background:#daf0c9 !important; }

#indicators .indicator-top span,
#indicators .indicator-score b,
#indicators .indicator-details li b { color: var(--tone); }

#indicators .progress-track { background: color-mix(in srgb, var(--tone) 18%, white); }
#indicators .progress-track i { background: var(--tone); }
#indicators .indicator-details li { border-color: color-mix(in srgb, var(--tone) 18%, white); }