/* Default theme (dark) */
html,
html:has(body.dark-theme) {
  --accent: #fabe00;
  --accent-hover: #ffc81a;
  --accent-40: #fabe0066;
  --accent-10: #fabe001a;
  --demo: #ffa655;
  --negative: #bf3838;
  --positive: #34a322;
  --medium: #e6c200;
  --negative-20: #bf383833;
  --positive-20: #34a32233;
  --medium-20: #e6c20033;
  --tooltip: #000000e0;
  --overlay: #242424c7;
  --background: #242424;
  --background-96: #242424f5;
  --card: #2e2e2e;
  --field: #404040;
  --disabled: #383838;
  --divider: #4d4d4d;
  --widget: #2e2e2ef5;
  --widget-border: #242424;
  --text-secondary: #878992;
  --text-secondary-40: #87899266;
  --text-main: #ffffff;
  --text-contrast: #ffffff;
}

/* Light theme */
html:has(body.light-theme) {
  --accent: #fabe00;
  --accent-hover: #ffc81a;
  --accent-40: #fabe0066;
  --accent-10: #fabe001a;
  --demo: #ffa655;
  --negative: #bf3838;
  --positive: #34a322;
  --medium: #e6c200;
  --negative-20: #bf383833;
  --positive-20: #34a32233;
  --medium-20: #e6c20033;
  --tooltip: #000000e0;
  --overlay: #181a264d;
  --background: #ffffff;
  --background-96: #fffffff5;
  --card: #fafafa;
  --field: #f0f0f0;
  --divider: #e6e6e6;
  --widget: #fffffff5;
  --widget-border: #e6e6e6;
  --text-secondary: #808080;
  --text-secondary-40: #80808066;
  --text-main: #343434;
  --text-contrast: #ffffff;
  --disabled: #ebebeb;
}