
// Variables

$black: black;
$white: white;
$gray: rgba(white, 0.6);

$primary: #6824eb;
$secondary: #ee758c;
$tertiary: #90ffea;

$breakpoint_sm: 576px;
$breakpoint_md: 768px;
$breakpoint_lg: 992px;
$breakpoint_xl: 1160px;

// TO BE REMOVED;
$harvey-black: #131111;
$harvey-white: #e0e0e0;
$harvey-red: #ff2323;
$harvey-green: #005f20;
$harvey-blue: #070bce;

:root {
  --background: #fff;
  --font-color: #494949;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #3c3c3c;
    --font-color: #fafafa;
  }
}
