@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600&family=Outfit:wght@100;300;400;500;600&display=swap');
/*------------------------------
Replace Default font variable
>> copy veriable from bootstrap/veriable.scss
*/
$font-family-base: 'Outfit', sans-serif;
// $font-family-secondary: 'Open Sans', sans-serif;
$font-family-secondary: 'Open Sans Condensed', sans-serif;

// Header
$headerHeight: 60px;

// secitons
$black: #000;
$text: #231f20;
$white: #fff;
$green: #2be72a;
$light-green: lighten($green, 10%);
$dark-green: darken($green, 15%);
$brand-green: #8cc63f;
$white-40: rgba($white, 0.4);
$grey-20: rgba($black, 0.2);
$grey-40: rgba($black, 0.4);
$grey-60: rgba($black, 0.6);
$grey-80: rgba($black, 0.8);
$text-cart: #2b2929;

$grey-800: #353e50;
$grey-500: #9e9e9e;
$yellow: #fff117;
$dark-yellow: darken($yellow, 5%);
$light-yellow: lighten($yellow, 20%);

$grey: #333;
$dark-grey: #3f3f3f;
$light-grey: #f5f5f5;
$mid-grey: #757575;
$primary: $green;

$border-color: #ede7f6;
$red: #ff0000;