/* Default theme (light) */
html,
html:has(body.light-theme) {
  --accent: #19a5a1;
  --accent-hover: #1cbab6;
  --accent-40: #19a5a166;
  --accent-10: #19a5a1d;
  --demo: #f89534;
  --negative: #dd3254;
  --positive: #199c88;
  --medium: #dbbb05;
  --negative-20: #dd325433;
  --positive-20: #199c8833;
  --medium-20: #dbbb0533;
  --tooltip: #000000;
  --overlay: #0d0c0cb3;
  --background: #ffffff;
  --background-96: #fffffff5;
  --card: #f7f7f7;
  --field: #ebebeb;
  --divider: #d9d9d9;
  --text-secondary: #737373;
  --text-secondary-40: #73737366;
  --text-main: #222020;
  --text-contrast: #ffffff;
  --disabled: #f2f2f2;
}

/* Light theme */
html:has(body.dark-theme) {
  --accent: #19a5a1;
  --accent-hover: #1cbab6;
  --accent-40: #19a5a166;
  --accent-10: #19a5a1d;
  --demo: #f89534;
  --negative: #dd3254;
  --positive: #199c88;
  --medium: #dbbb05;
  --negative-20: #dd325433;
  --positive-20: #199c8833;
  --medium-20: #dbbb0533;
  --tooltip: #000000;
  --overlay: #0d0c0cb3;
  --background: #222020;
  --background-96: #222020f5;
  --card: #2a2828;
  --field: #373434;
  --disabled: #2f2d2d;
  --divider: #494646;
  --text-secondary: #8e8e8e;
  --text-secondary-40: #8e8e8e66;
  --text-main: #ffffff;
  --text-contrast: #ffffff;
}