/* Default theme (light) */

html,
html:has(body.light-theme) {
  --background: #ffffff;
  --background-96: #fffffff5;
  --card: #f6f8f7;
  --field: #e8edea;
  --disabled: #f1f4f2;
  --overlay: #0c0e0db3;
  --text-main: #181b19;
  --text-secondary: #6c7a72;
  --text-secondary-40: #6c7a7266;
  --text-contrast: #ffffff;
  --divider: #d4ddd8;
  --accent: #1ca65a;
  --accent-hover: #20bc66;
  --accent-10: #1ca65a1a;
  --accent-40: #1ca65a66;
  --demo: #a42cbd;
  --negative: #e0431a;
  --negative-20: #e0431a33;
  --positive: #6ea81b;
  --positive-20: #6ea81b33;
  --medium: #d8a222;
  --medium-20: #d8a22233;
  --tooltip: #000000;
}

/* Dark theme */

html:has(body.dark-theme) {
  --background: #181b19;
  --background-96: #181b19f5;
  --card: #1f2321;
  --field: #2b312e;
  --disabled: #242926;
  --overlay: #0c0e0db3;
  --text-main: #ffffff;
  --text-secondary: #87958d;
  --text-secondary-40: #87958d66;
  --text-contrast: #ffffff;
  --divider: #3c443f;
  --accent: #1ca65a;
  --accent-hover: #20bc66;
  --accent-10: #1ca65a1a;
  --accent-40: #1ca65a66;
  --demo: #a42cbd;
  --negative: #e0431a;
  --negative-20: #e0431a33;
  --positive: #6ea81b;
  --positive-20: #6ea81b33;
  --medium: #d8a222;
  --medium-20: #d8a22233;
  --tooltip: #000000;
}