:root {
  --brand: #1f7a6d;
  --on-brand: #ffffff;
  --brand-soft: #e4efed;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand: #4c958a;
  --on-brand: #111111;
  --brand-soft: #16302c;
  }
}
:root[data-theme="dark"] {
  --brand: #4c958a;
  --on-brand: #111111;
  --brand-soft: #16302c;
}