:root,
[data-theme="light"],
[data-theme="dark"] {
  --brand-mint: #33EFC4;
  --brand-mint-dark: #1fd6ac;
  --brand-navy: #2E3F4F;
  --primary: var(--brand-mint);
  --primary-color: var(--brand-mint);
  --checkbox-color: var(--brand-mint);
  --checkbox-focus-shadow: 0 0 0 2px rgba(51, 239, 196, 0.4);
}
.btn-primary {
  background-color: var(--brand-mint) !important;
  border-color: var(--brand-mint) !important;
  color: var(--brand-navy) !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: var(--brand-mint-dark) !important;
  border-color: var(--brand-mint-dark) !important;
  color: var(--brand-navy) !important;
}
.progress-bar { background-color: var(--brand-mint); }
input[type="checkbox"]:checked {
  background-color: var(--brand-mint) !important;
  border-color: var(--brand-mint) !important;
}
.desk-sidebar .desk-sidebar-item.selected,
.sidebar-item-container .item-anchor.selected {
  border-left: 2px solid var(--brand-mint);
}
.navbar .app-logo, .app-logo { border-radius: 6px; }
.indicator-pill.green, .indicator.green::before { background: var(--brand-mint); color: var(--brand-navy); }