/* Default theme (light) */
html,
html:has(body.light-theme) {
  --background: #111111;
  --background-96: #111111f5;
  --card: #1d1d1d;
  --field: #2b2b2b;
  --disabled: #202020;
  --overlay: #000000b2;
  --text-main: #ffffff;
  --text-secondary: #a3a3a3;
  --text-secondary-40: #a3a3a366;
  --text-contrast: #ffffff;
  --divider: #333333;
  --accent: #1f6feb;
  --accent-hover: #2f81f7;
  --accent-10: #1f6feb1a;
  --accent-40: #1f6feb66;
  --demo: #7c3aed;
  --negative: #ef4444;
  --negative-20: #ef444433;
  --positive: #6dbb45;
  --positive-20: #6dbb4533;
  --medium: #d9b441;
  --medium-20: #d9b44133;
  --tooltip: #000000;
}

/* Dark theme */
html:has(body.dark-theme) {
  --background: #0b0b0b;
  --background-96: #0b0b0bf5;
  --card: #181818;
  --field: #242424;
  --disabled: #1f1f1f;
  --overlay: #000000b2;
  --text-main: #ffffff;
  --text-secondary: #9ca3af;
  --text-secondary-40: #9ca3af66;
  --text-contrast: #ffffff;
  --divider: #303030;
  --accent: #1f6feb;
  --accent-hover: #2f81f7;
  --accent-10: #1f6feb1a;
  --accent-40: #1f6feb66;
  --demo: #7c3aed;
  --negative: #ef4444;
  --negative-20: #ef444433;
  --positive: #6dbb45;
  --positive-20: #6dbb4533;
  --medium: #d9b441;
  --medium-20: #d9b44133;
  --tooltip: #000000;
}