/* Default theme (light) */
html,
html:has(body.light-theme) {
  --accent: #ff6242;
  --accent-hover: #ff7c61;
  --accent-10: #ff62421a;
  --accent-40: #ff624266;
  --negative: #bf3838;
  --negative-20: #bf383833;
  --positive: #34a322;
  --positive-20: #34a32233;
  --medium: #e6c200;
  --medium-20: #e6c20033;
  --demo: #5855ed;
  --overlay: #181b264d;
  --background: #ffffff;
  --background-96: #fffffff5;
  --card: #f5f5f5;
  --field: #ededed;
  --disabled: #f2f2f2;
  --divider: #d4d4d4;
  --text-secondary: #949494;
  --text-secondary-40: #94949466;
  --text-main: #343434;
  --text-contrast: #ffffff;
  --tooltip: rgba(0, 0, 0, 0.88);

  /* OLD COLOR SCHEME */
  --logo-loader: url('/assets/images/logo-light-theme-centered.svg');
}

/* Dark theme */
html:has(body.dark-theme) {
  --accent: #ff6242;
  --accent-hover: #ff7c61;
  --accent-10: #5599ff1a;
  --accent-40: #ff624266;
  --negative: #bf3838;
  --negative-20: #bf383833;
  --positive: #34a322;
  --positive-20: #34a32233;
  --medium: #e6c200;
  --medium-20: #e6c20033;
  --demo: #5855ed;
  --overlay: #181b26c7;
  --background: #232737;
  --background-96: #232737f5;
  --card: #292d3f;
  --field: #363b50;
  --disabled: #2b2f40;
  --divider: #3c4053;
  --text-secondary: #7b7d87;
  --text-secondary-40: #7b7d8766;
  --text-main: #ffffff;
  --text-contrast: #ffffff;
  --tooltip: rgba(0, 0, 0, 0.88);

  /* OLD COLOR SCHEME */
  --logo-loader: url('/assets/images/logo-dark-theme-centered.svg');
}