/* Default theme (light) */
html,
html:has(body.light-theme) {
  --background: #fbfbfb;
  --background-96: #fbfbfb;
  --card: #f7f7f7;
  --field: #f0f0f0;
  --disabled: #e6e6e6;
  --overlay: #181a264d;
  --text-main: #343434;
  --text-secondary: #a3a3a3;
  --text-secondary-40: #a3a3a366;
  --text-contrast: #ffffff;
  --divider: #e3e3e3;
  --accent: #29aead;
  --accent-hover: #29aead;
  --accent-10: #29aead1a;
  --accent-40: #29aead66;
  --demo: #fdac4d;
  --negative: #d73c3c;
  --negative-20: #bf383833;
  --positive: #1bb145;
  --positive-20: #1bb14533;
  --medium: #ecc700;
  --medium-20: #ecc70033;
  --tooltip: #000000e0;
}

/* Dark theme */
html:has(body.dark-theme) {
  --background: #212531;
  --background-96: #212531f5;
  --card: #262b3b;
  --field: #32394d;
  --disabled: #2a2e3c;
  --overlay: #15171ec7;
  --text-main: #ffffff;
  --text-secondary: #747986;
  --text-secondary-40: #73788566;
  --text-contrast: #ffffff;
  --divider: #363e54;
  --accent: #29aead;
  --accent-hover: #29aead;
  --accent-10: #29aead1a;
  --accent-40: #29aead66;
  --demo: #fdac4d;
  --negative: #d73c3c;
  --negative-20: #bf383833;
  --positive: #1bb145;
  --positive-20: #1bb14533;
  --medium: #ecc700;
  --medium-20: #ecc70033;
  --tooltip: #000000e0;
}