/* Default theme (light) */
html,
html:has(body.light-theme) {
  --background: #ffffff;
  --background-96: #fffffff4;
  --card: #f6f7f7;
  --field: #e9e9eb;
  --disabled: #f1f1f3;
  --divider: #d6d7db;
  --text-secondary: #6b6e79;	
  --text-main: #17181b;
  --text-contrast: #ffffff;
  --text-secondary-40: #6b6e7966;	
  --accent: #ea472d;
  --accent-hover: #ec5c45;
  --accent-40: #ea472d66;
  --accent-10: #ea472d33;
  --demo: #314ff7;
  --negative: #db232f;
  --positive: #0aa16a;
  --medium: #d6a600;
  --negative-20: #db232f33;
  --positive-20: #0aa16a33;
  --medium-20: #d6a60033;
  --tooltip: #000000;
  --overlay: #0b0c0db2;
}

/* Dark theme */
html:has(body.dark-theme) {
  --background: #17181b;
  --background-96: #17181bf4;
  --card: #1f2023;
  --field: #2b2c30;
  --disabled: #232428;
  --divider: #3b3d43;
  --text-secondary: #878a94;
  --text-main: #ffffff;
  --text-contrast: #ffffff;
  --text-secondary-40: #878a9466;
  --accent: #ea472d;
  --accent-hover: #ec5c45;
  --accent-40: #ea472d66;
  --accent-10: #ea472d33;
  --demo: #314ff7;
  --negative: #db232f;
  --positive: #0aa16a;
  --medium: #d6a600;
  --negative-20: #db232f33;
  --positive-20: #0aa16a33;
  --medium-20: #d6a60033;
  --tooltip: #000000;
  --overlay: #0b0c0db2;
}