/* Base theme */
html {
  --accent: #5390F5;
  --accent-hover: #6A9FF6;
  --accent-40: #5390F566;
  --accent-10: #5390F533;
  --demo: #A42CBD;
  --negative: #DB2D26;
  --negative-20: #DB2D2633;
  --positive: #459B18;
  --positive-20: #459B1833;
  --medium: #B59807;  
  --medium-20: #B5980733;
  --tooltip: #000000;
}

/* Default theme (dark) */
html,
html:has(body.dark-theme) {
  --overlay: #0A0C0FB2;
  --background: #1E2530;
  --background-96: #1E2530F5;
  --card: #29313F;
  --disabled: #252C37;
  --field: #2F3848;
  --divider: #3C4553;
  --text-secondary: #7B8087;
  --text-secondary-40: #7B808766;
  --text-main: #FFFFFF;
  --text-contrast: #FFFFFF;
}

/* Light theme */
html:has(body.light-theme) {
  --overlay: #0A0D0F4D;
  --background: #FFFFFF;
  --background-96: #FFFFFFF5;
  --card: #FBFBFB;
  --disabled: #F5F5F5;
  --field: #F1F1F1;
  --divider: #C9C9C9;
  --text-secondary: #ADADAD;
  --text-secondary-40: #ADADAD66;
  --text-main: #1E2530;
  --text-contrast: #FFFFFF;
}