:root,
[data-theme="light"] {
  --color-primary-500: #00B59C;
  --color-primary-700: #008F80;
  --color-blue-500: #0037C2;
  --color-orange-500: #E67702;
  --color-purple-500: #9F5AFA;
  --color-red-500: #D6253E;
  --color-red-700: #B12038;

  --color-white: #FFFFFF;
  --color-always-black: #000000;
  --color-always-white: #FFFFFF;

  --color-neutral-100: #FFFFFF;
  --color-neutral-200: #F5F5F5;
  --color-neutral-300: #EBEBEB;
  --color-neutral-400: #E1E1E1;
  --color-neutral-500: #D7D7D7;
  --color-neutral-600: #CDCDCD;
  --color-neutral-700: #A5A5A5;
  --color-neutral-800: #7D7D7D;
  --color-neutral-850: #323232;
  --color-neutral-900: #000000;
  --color-skeuomorphic-neutral-200-darker: #EBEBEB;
  --color-skeuomorphic-black-12-soft: rgba(0, 0, 0, 0.03);
  --color-switch-off-hover-track: #E6E6E6;
  --color-switch-on-hover-track: #00A38C;

  --color-background: var(--color-neutral-200);
}

[data-theme="dark"] {
  --color-primary-500: #00B59C;
  --color-primary-700: #008F80;
  --color-blue-500: #5C7CFA;
  --color-orange-500: #E67702;
  --color-purple-500: #9F5AFA;
  --color-red-500: #EF4E4E;
  --color-red-700: #C73838;

  --color-white: #FFFFFF;
  --color-always-black: #000000;
  --color-always-white: #FFFFFF;

  --color-neutral-100: #000000;
  --color-neutral-200: #1E1E1E;
  --color-neutral-300: #2D2D2D;
  --color-neutral-400: #373737;
  --color-neutral-500: #414141;
  --color-neutral-600: #4B4B4B;
  --color-neutral-700: #737373;
  --color-neutral-800: #9B9B9B;
  --color-neutral-850: #CDCDCD;
  --color-neutral-900: #FFFFFF;
  --color-skeuomorphic-neutral-200-darker: #000000;
  --color-skeuomorphic-black-12-soft: rgba(0, 0, 0, 0.12);
  --color-switch-off-hover-track: #424242;
  --color-switch-on-hover-track: #00A38C;

  --color-background: var(--color-neutral-200);
}