/* Default (light-theme) */
html,
html:has(body.light-theme) {
  --background: #ffffff;
  --background-96: #fffffff5;
  --card: #f5f5f5;
  --field: #e7e7e7;
  --disabled: #f0f0f0;
  --overlay: #0d0d0db3;
  --text-main: #1a1a1a;
  --text-secondary: #737373;
  --text-secondary-40: #73737366;
  --text-contrast: #ffffff;
  --divider: #d6d6d6;
  --accent: #e87324;
  --accent-hover: #eb833d;
  --accent-10: #e87324dd;
  --accent-40: #e8732466;
  --demo: #2782ce;
  --negative: #d9263d;
  --negative-20: #d9263d33;
  --positive: #1b8f14;
  --positive-20: #1b8f1433;
  --medium: #d06407;
  --medium-20: #d0640733;
  --tooltip: #000000e0;
}

/* Secondary (dark-theme) */
html:has(body.dark-theme) {
  --background: #1a1a1a;
  --background-96: #1a1a1af5;
  --card: #212121;
  --field: #2e2e2e;
  --disabled: #262626;
  --overlay: #0d0d0db3;
  --text-main: #ffffff;
  --text-secondary: #8e8e8e;
  --text-secondary-40: #8e8e8e66;
  --text-contrast: #ffffff;
  --divider: #404040;
  --accent: #e87324;
  --accent-hover: #eb833d;
  --accent-10: #e87324dd;
  --accent-40: #e8732466;
  --demo: #2782ce;
  --negative: #d9263d;
  --negative-20: #d9263d33;
  --positive: #1b8f14;
  --positive-20: #1b8f1433;
  --medium: #d06407;
  --medium-20: #d0640733;
  --tooltip: #000000e0;
}