// Color Vars
$gray-1: #f8f9fb;
$gray-2: #e2e5e4;
$gray-3: #c6cbc9;
$gray-4: #6e6f70;
$gradient: gradient(180deg, #009dfc 0%, #005cc9 45.83%);

$navy: #061a73;
$dark-blue: #005cc9;
$bright-blue: #009dfc;
$eggplant: #943585;
$red: #dd002e;
$teal: #09b0d3;

// Other Vars
$transitionValue: all 0.3s ease-in-out;

// Typography Family
$font-default: "Lato", sans-serif;
$font-secondary: "Palanquin", sans-serif;

// define your Break Points or override bootstrap Break Points
$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xlm: 1300px,
  xxl: 1400px,
);
