:root[data-theme="light"],
html[data-theme="light"],
body[data-theme="light"],
body[data-theme="system-light"] {
  --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;
  --surface: #ffffff;
  --inkMix: rgba(0, 0, 0, 0);
  --header-bd-color: var(--color-neutral-300);
}

:root[data-theme="dark"],
html[data-theme="dark"],
body[data-theme="dark"],
body[data-theme="system-dark"]  {
  --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;
  --surface: rgba(0, 0, 0, 0);
  --inkMix: #ffffff;
  --header-bd-color: var(--color-neutral-700);
}