/* 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: #00e676;
  --accent-hover: #00c965;
  --accent-10: #00e6761a;
  --accent-40: #00e67666;
  --demo: #a42cbd;
  --negative: #bf3838;
  --negative-20: #bf383833;
  --positive: #459b18;
  --positive-20: #34a32233;
  --medium: #b59807;
  --medium-20: #b5980733;
  --tooltip: #000000e0;
}

/* Dark theme */
html:has(body.dark-theme) {
  --background: #0b0f0c;
  --background-96: #0b0f0cf5;
  --card: #141a16;
  --field: #1d251f;
  --disabled: #18201a;
  --overlay: #050705b2;
  --text-main: #ffffff;
  --text-secondary: #878d95;
  --text-secondary-40: #878d9566;
  --text-contrast: #0b0f0c;
  --divider: #2c382f;
  --accent: #00e676;
  --accent-hover: #33eb91;
  --accent-10: #00e6761a;
  --accent-40: #00e67666;
  --demo: #a42cbd;
  --negative: #bf3838;
  --negative-20: #bf383833;
  --positive: #459b18;
  --positive-20: #34a32233;
  --medium: #b59807;
  --medium-20: #b5980733;
  --tooltip: #000000e0;
}