$_dark-text: #000;
$_light-text: #fff;

$_light-contrast: (
  50: $_dark-text,
  100: $_dark-text,
  200: $_dark-text,
  300: $_dark-text,
  400: $_dark-text,
  500: $_light-text,
  600: $_light-text,
  700: $_light-text,
  800: $_light-text,
  900: $_light-text,
  A100: $_dark-text,
  A200: $_dark-text,
  A400: $_light-text,
  A700: $_light-text,
);
$_dark-contrast: (
  50: $_light-text,
  100: $_light-text,
  200: $_light-text,
  300: $_light-text,
  400: $_light-text,
  500: $_dark-text,
  600: $_dark-text,
  700: $_dark-text,
  800: $_dark-text,
  900: $_dark-text,
  A100: $_light-text,
  A200: $_light-text,
  A400: $_dark-text,
  A700: $_dark-text,
);

// previous name $tapsell-green
$tapsell-green-pallet: (
  50: hsl(161.1deg 61.3% 93.9%),
  100: hsl(161.1deg 60% 81.4%),
  200: hsl(160.6deg 60.8% 69%),
  300: hsl(160.7deg 60.4% 56.5%),
  400: hsl(160.9deg 60.6% 50.2%),
  500: hsl(160.9deg 100% 37.6%),
  600: hsl(160.9deg 100% 33.9%),
  700: hsl(160.9deg 100% 30.2%),
  800: hsl(161.2deg 100% 26.3%),
  900: hsl(161.3deg 100% 18.8%),
  A100: hsl(149.6deg 95.2% 83.7%),
  A200: hsl(153deg 96.1% 69.6%),
  A400: hsl(154.8deg 100% 47.1%),
  A700: hsl(148.6deg 100% 38.2%),
  contrast: $_light-contrast,
);

// previous name $tapsell-blue
$tapsell-blue-pallet: (
  50: hsl(191.4deg 72.4% 94.3%),
  100: hsl(191.4deg 70.8% 82.5%),
  200: hsl(190.9deg 70.5% 70.8%),
  300: hsl(191deg 70.3% 59%),
  400: hsl(190.7deg 70% 52.9%),
  500: hsl(190.9deg 100% 41.2%),
  600: hsl(190.8deg 100% 37.1%),
  700: hsl(190.7deg 100% 32.9%),
  800: hsl(191deg 100% 28.8%),
  900: hsl(191deg 100% 24.7%),
  A100: hsl(185.6deg 100% 87.5%),
  A200: hsl(185.8deg 100% 79.6%),
  A400: hsl(185.8deg 100% 79.6%),
  A700: hsl(186.8deg 56.4% 54.1%),
  contrast: $_light-contrast,
);

// previous name $tapsell-green-dark-theme
$tapsell-green-pallet-dark-theme: (
  50: hsl(145deg 44% 25%),
  100: hsl(144deg 45% 35%),
  200: hsl(145deg 44% 40%),
  300: hsl(145deg 44% 45%),
  400: hsl(145deg 64% 50%),
  500: hsl(145deg 100% 60%),
  600: hsl(144deg 100% 65%),
  700: hsl(142deg 100% 75%),
  800: hsl(140deg 100% 80%),
  900: hsl(136deg 100% 90%),
  A100: hsl(140deg 100% 56%),
  A200: hsl(141deg 100% 61%),
  A400: hsl(141deg 100% 71%),
  A700: hsl(141deg 100% 81%),
  contrast: $_dark-contrast,
);

// previous name $tapsell-blue-dark-theme
$tapsell-blue-pallet-dark-theme: (
  50: hsl(236deg 59% 40%),
  100: hsl(237deg 59% 45%),
  200: hsl(236deg 60% 50%),
  300: hsl(236deg 60% 55%),
  400: hsl(237deg 59% 60%),
  500: hsl(236deg 60% 70%),
  600: hsl(236deg 59% 75%),
  700: hsl(237deg 58% 80%),
  800: hsl(237deg 57% 85%),
  900: hsl(237deg 55% 90%),
  A100: hsl(238deg 100% 56%),
  A200: hsl(238deg 100% 61%),
  A400: hsl(238deg 100% 71%),
  A700: hsl(238deg 100% 81%),
  contrast: $_dark-contrast,
);

$red-palette: (
  50: #ffebee,
  100: #ffcdd2,
  200: #ef9a9a,
  300: #e57373,
  400: #ef5350,
  500: #f44336,
  600: #e53935,
  700: #d32f2f,
  800: #c62828,
  900: #b71c1c,
  A100: #ff8a80,
  A200: #ff5252,
  A400: #ff1744,
  A700: #d50000,
  contrast: $_light-contrast,
);

// previous name $red-dark-palette
$red-pallet-dark-theme: (
  50: hsl(0deg 73% 41%),
  100: hsl(0deg 66% 47%),
  200: hsl(0deg 65% 51%),
  300: hsl(1deg 77% 55%),
  400: hsl(4deg 90% 58%),
  500: hsl(1deg 83% 63%),
  600: hsl(0deg 69% 67%),
  700: hsl(0deg 73% 77%),
  800: hsl(354deg 100% 90%),
  900: hsl(351deg 100% 96%),
  A100: hsl(0deg 100% 42%),
  A200: hsl(348deg 100% 55%),
  A400: hsl(0deg 100% 66%),
  A700: hsl(5deg 100% 75%),
  contrast: $_dark-contrast,
);

$pink-palette: (
  50: hsl(340deg 70% 94%),
  300: hsl(340deg 73% 66%),
  500: hsl(340deg 72% 52%),
  700: hsl(336deg 68% 43%),
  900: hsl(328deg 71% 29%),
);

$purple-palette: (
  50: hsl(292deg 44% 93%),
  300: hsl(291deg 47% 60%),
  500: hsl(291deg 64% 42%),
  700: hsl(282deg 68% 38%),
  900: hsl(267deg 75% 31%),
);

$blue-palette: (
  50: hsl(199deg 94% 94%),
  300: hsl(199deg 91% 64%),
  500: hsl(199deg 98% 48%),
  700: hsl(201deg 98% 41%),
  900: hsl(206deg 99% 31%),
);

$cyan-palette: (
  50: hsl(187deg 72% 93%),
  300: hsl(187deg 71% 59%),
  500: hsl(187deg 100% 42%),
  700: hsl(186deg 100% 33%),
  900: hsl(182deg 100% 20%),
);

$teal-palette: (
  50: hsl(177deg 41% 91%),
  300: hsl(174deg 42% 51%),
  500: hsl(174deg 100% 29%),
  700: hsl(173deg 100% 24%),
  900: hsl(170deg 100% 15%),
);

$green-palette: (
  50: hsl(125deg 49% 94%),
  300: hsl(123deg 48% 64%),
  500: hsl(122deg 49% 49%),
  700: hsl(123deg 53% 39%),
  900: hsl(124deg 65% 24%),
);

$lime-palette: (
  50: hsl(66deg 71% 95%),
  300: hsl(66deg 70% 68%),
  500: hsl(66deg 70% 54%),
  700: hsl(62deg 61% 44%),
  900: hsl(54deg 70% 30%),
);

$yellow-palette: (
  50: hsl(55deg 100% 95%),
  300: hsl(54deg 100% 73%),
  500: hsl(54deg 100% 62%),
  700: hsl(43deg 96% 58%),
  900: hsl(28deg 92% 53%),
);

$orange-palette: (
  50: hsl(37deg 100% 94%),
  300: hsl(36deg 100% 65%),
  500: hsl(36deg 100% 50%),
  700: hsl(30deg 100% 48%),
  900: hsl(21deg 100% 45%),
);

$brown-palette: (
  50: hsl(20deg 16% 93%),
  300: hsl(16deg 15% 56%),
  500: hsl(16deg 25% 38%),
  700: hsl(14deg 26% 29%),
  900: hsl(9deg 28% 19%),
);

$gray-palette: (
  50: var(--eee),
  300: var(--999),
  500: var(--777),
  700: var(--555),
  900: var(--222),
);

$dark-foreground: (
  base: white,
  // base color should not be a css variable
  divider: var(--ccc),
  dividers: var(--ccc),
  disabled: var(--666),
  //disabled-button: var(--444),
  disabled-text: var(--666),
  hint-text: var(--666),
  secondary-text: var(--444),
  icon: var(--body-color),
  icons: var(--body-color),
  text: var(--body-color),
  slider-min: var(--000),
  slider-off: var(--444),
  slider-off-active: var(--444),
);

$dark-background: (
  status-bar: var(--fff),
  app-bar: var(--fff),
  background: var(--body-bg),
  hover: var(--fff),
  //card: var(--eee),
  dialog: var(--eee),
  //disabled-button: var(--ddd),
  raised-button: var(--ddd),
  focused-button: var(--111),
  selected-button: var(--eee),
  selected-disabled-button: var(--ddd),
  disabled-button-toggle: var(--fff),
  unselected-chip: var(--ccc),
  disabled-list-option: var(--fff),
  tooltip: var(--555),
);