/* Default theme (light) */
html,
html:has(body.light-theme) {
  --background: #050402;
  --background-96: #050402f4;
  --card: #0b0c0c;
  --field: #171919;
  --disabled: #0f1111;
  --overlay: #0b0c0db2;
  --text-main: #ffffff;
  --text-secondary: #878a95;
  --text-secondary-40: #878a9566;
  --text-contrast: #ffffff;
  --divider: #282c2c;
  --accent: #01c9d4;
  --accent-hover: #01e1ed;
  --accent-10: #01c9d41a;
  --accent-40: #01c9d466;
  --demo: #7c3aed;
  --negative: #ef4444;
  --negative-20: #ef444433;
  --positive: #16a34a;
  --positive-20: #16a34a33;
  --medium: #d97706;
  --medium-20: #d9770633;
  --tooltip: #000000;
}

/* Dark theme */
html:has(body.dark-theme) {
  --background: #dddddd;
  --background-96: #ddddddf4;
  --card: #d3d7d7;
  --field: #c6cbcb;
  --disabled: #ced2d3;
  --overlay: #0b0c0db2;
  --text-main: #181b1a;
  --text-secondary: #6c6f7a;
  --text-secondary-40: #6c6f7a66;
  --text-contrast: #ffffff;
  --divider: #b3baba;
  --accent: #01c9d4;
  --accent-hover: #01e1ed;
  --accent-10: #01c9d41a;
  --accent-40: #01c9d466;
  --demo: #7c3aed;
  --negative: #ef4444;
  --negative-20: #ef444433;
  --positive: #16a34a;
  --positive-20: #16a34a33;
  --medium: #d97706;
  --medium-20: #d9770633;
  --tooltip: #000000;
}