/* ZXCM palette from PAN-41277 / PAN-41811 design references. */

/* Default theme (light) */
html,
html:has(body.light-theme) {
  --background: #ffffff;
  --background-96: #fffffff5;
  --card: #f6f7f7;
  --field: #e9eaeb;
  --disabled: #e3e5e7;
  --overlay: #0000004d;
  --text-main: #17191b;
  --text-secondary: #5f656c;
  --text-secondary-40: #5f656c66;
  --text-contrast: #ffffff;
  --divider: #d6d8db;
  --accent: #0b62f0;
  --accent-hover: #0b62f0;
  --accent-10: #0b62f01a;
  --accent-40: #0b62f066;
  --demo: #f8a963;
  --negative: #b6443d;
  --negative-20: #b6443d33;
  --positive: #4f9f39;
  --positive-20: #4f9f3933;
  --medium: #e4c23f;
  --medium-20: #e4c23f33;
  --tooltip: #000000e0;
}

/* Dark theme */
html:has(body.dark-theme) {
  --background: #17191b;
  --background-96: #17191bf5;
  --card: #1f2023;
  --field: #2b2d30;
  --disabled: #2f3236;
  --overlay: #000000b2;
  --text-main: #ffffff;
  --text-secondary: #9399a0;
  --text-secondary-40: #9399a066;
  --text-contrast: #ffffff;
  --divider: #3b3f43;
  --accent: #0b62f0;
  --accent-hover: #0b62f0;
  --accent-10: #0b62f01a;
  --accent-40: #0b62f066;
  --demo: #f8a963;
  --negative: #b6443d;
  --negative-20: #b6443d33;
  --positive: #4f9f39;
  --positive-20: #4f9f3933;
  --medium: #e4c23f;
  --medium-20: #e4c23f33;
  --tooltip: #000000e0;
}