/* Default theme (light) */
html,
html:has(body.light-theme) {
  --background: #ffffff;
  --background-96: #fffffff5;
  --card: #f6f7f9;
  --field: #e7eaef;
  --disabled: #f0f2f5;
  --overlay: #181a264d;
  --text-main: #14181f;
  --text-secondary: #6c717a;
  --text-secondary-40: #6c717a66;
  --text-contrast: #ffffff;
  --divider: #d1d7e0;
  --accent: #3385ff;
  --accent-hover: #4d94ff;
  --accent-10: #3385ff1a;
  --accent-40: #3385ff66;
  --demo: #a42cbd;
  --negative: #bf3838;
  --negative-20: #bf383833;
  --positive: #459b18;
  --positive-20: #34a32233;
  --medium: #b59807;
  --medium-20: #b5980733;
  --tooltip: #000000e0;
}

/* Light theme */
html:has(body.dark-theme) {
  --background: #14181f;
  --background-96: #14181ff5;
  --card: #1b2028;
  --field: #252c37;
  --disabled: #1f252e;
  --overlay: #0a0c0fb2;
  --text-main: #ffffff;
  --text-secondary: #878d95;
  --text-secondary-40: #878d9566;
  --text-contrast: #ffffff;
  --divider: #333d4c;
  --accent: #3385ff;
  --accent-hover: #4d94ff;
  --accent-10: #3385ff1a;
  --accent-40: #3385ff66;
  --demo: #a42cbd;
  --negative: #bf3838;
  --negative-20: #bf383833;
  --positive: #459b18;
  --positive-20: #34a32233;
  --medium: #b59807;
  --medium-20: #b5980733;
  --tooltip: #000000e0;
}