/* Default theme (dark) */
html,
html:has(body.dark-theme) {
  --background: #1e2830;
  --background-96: #1e2830f5;
  --card: #27343d;
  --field: #2f3e48;
  --disabled: #252f37;
  --overlay: #182026c7;
  --text-main: #ffffff;
  --text-secondary: #7b8287;
  --text-secondary-40: #7b828766;
  --text-contrast: #ffffff;
  --divider: #3c4953;
  --accent: #0aab4a;
  --accent-hover: #1eca63;
  --accent-10: #0aab4a1a;
  --accent-40: #0aab4a66;
  --demo: #2688e1;
  --negative: #d73c3c;
  --negative-20: #bf383833;
  --positive: #1bb145;
  --positive-20: #1bb14533;
  --medium: #ecc700;
  --medium-20: #ecc70033;
  --tooltip: #131313;
}

/* Light theme */
html:has(body.light-theme) {
  --background: #ffffff;
  --background-96: rgba(255, 255, 255, 0.96);
  --card: #fbfbfb;
  --field: #f1f1f1;
  --disabled: #f5f5f5;
  --overlay: #181a264d;
  --text-main: #343434;
  --text-secondary: #adadad;
  --text-secondary-40: rgba(158, 161, 173, 0.4);
  --text-contrast: #ffffff;
  --divider: #c9c9c9;
  --accent: #0aab4a;
  --accent-hover: #1eca63;
  --accent-10: #0aab4a1a;
  --accent-40: #0aab4a66;
  --demo: #2688e1;
  --negative: #d73c3c;
  --negative-20: #bf383833;
  --positive: #1bb145;
  --positive-20: #1bb14533;
  --medium: #ecc700;
  --medium-20: #ecc70033;
  --tooltip: #131313;
}