body.dark-mode {
	--color-bg: #091523;
	--color-text: #ffffff;
	--color-appbar-bg: rgba(9, 21, 35, 0.95);
	--color-appbar-text: #ffffff;
	--color-primary: #8051FF;
	--color-secondary: #9f55ff;
	--color-primary-contrast: #ffffff;
	--drawer-background: #050c17;
	--drawer-text: #ffffff;
	--drawer-collapse-bg: #201c40;
	--card-bg: #0d1a2c;
	--table-head-bg: #0a1524;
	--table-head-text: #ffffff;
	--color-border: #162540;
	--color-divider: #162540;
	--color-disabled: #8b8aaa;
  }

  body.light-mode {
	--color-bg: #F2F3FB;
	--color-text: #1a1a2e;
	--color-appbar-bg: #ffffff;
	--color-appbar-text: #1a1a2e;
	--color-primary: #802BFF;
	--color-secondary: #9f55ff;
	--color-primary-contrast: #ffffff;
	--drawer-background: #ffffff;
	--drawer-text: #1a1a2e;
	--drawer-collapse-bg: #f5f2ff;
	--card-bg: #ffffff;
	--table-head-bg: #e2daf5;
	--table-head-text: #1a1a2e;
	--color-border: #e4e0ee;
	--color-divider: #e4e0ee;
	--color-disabled: #6b6880;
  }