:root {
  /* light default */
  --panel-bg: #f6f0fc;
  --custom-border-neutral-2: hsl(240 6% 90%);
  --badge-background-success: #edfaf0;
  --badge-background-disabled: #fafafa;
  --badge-fill-success: #21c460;
  --badge-fill-disabled: #72727a;
}

@media (prefers-color-scheme: dark) {
  /* dark override */
  :root {
    --panel-bg: #231e2b;
    --custom-border-neutral-2: hsl(240, 5%, 22%);
    --badge-background-success: #17241f;
    --badge-background-disabled: #202024;
    --badge-fill-success: #21c460;
    --badge-fill-disabled: #a6a6a6;
  }
}