$primary: #f36675;
$secondary: #007074;
$error: #cc2831;
$validate: #a2eaa8;
$prim-gray: #818181;
$sec-gray: #5d5d5d;
$thd-gray: #ddd;
$prim-text: #000;
$body-text: #5f5f5f;
$body-bg: #fff;
$scrollbar-thumb: #d1d5db;
$scrollbar-thumb-hover: #9ca3af;

:root {
  --color-primary: #{$primary};
  --color-secondary: #{$secondary};
  --color-error: #{$error};
  --color-validate: #{$validate};
  --color-prim-gray: #{$prim-gray};
  --color-sec-gray: #{$sec-gray};
  --color-thd-gray: #{$thd-gray};
  --color-prim-text: #{$prim-text};
  --text-color: #{$body-text};
  --bg-color: #{$body-bg};
}
