// container
$containerPaddingS: 2rem;
$containerPaddingM: 6rem;
$containerPadding: 7rem;

// Sizing
$containerMaxWidth: 1440;
$K2Large: 1921px;
$deskXLarge: 1800px;
$deskXLargeP1: calc($deskXLarge / 1 + 1px);
$desk1800: 1799px;
$desk1800P1: calc($desk1800 / 1 + 1px);
$deskLarge: 1512px;
$deskLargeP1: calc($deskLarge / 1 + 1px);
$desktop: 1440px;
$desktopP1: calc($desktop / 1 + 1px);
$tabletLarge: 1279px;
$tabletLargeP1: calc($tabletLarge / 1 + 1px);
$tablet: 1024px; // @media (max-width: $tablet) --> 1024px and smaller
$tabletP1: calc($tablet / 1 + 1px); // @media (min-width: $tabletP1) --> 1025px and bigger
$tabletSmall: 767px;
$tabletSmallP1: calc($tabletSmall / 1 + 1px);
$mobile: 639px;
$mobileP1: calc($mobile / 1 + 1px);
$mobileSmall: 392px;
$mobileSmallP1: calc($mobileSmall / 1 + 1px);

// Adaptive Property Sizing
$adaptivePropertyMaxViewport: $containerMaxWidth;
$adaptivePropertyMinViewport: 375;


// Colors

// base
$primary: #39462F;
$secondary: #E5A424;
$third: #B4D2D2;

$transparent: rgba(0, 0, 0, .0);
// $fader: linear-gradient(rgba(0, 0, 0, 0.6) 100%);
$fader: linear-gradient(180deg, #FFFFFF 73.56%, rgba(0, 0, 0, 0.6) 100%);

$light: #D6D1BD;

$white: #ffffff;
$black: #000000;
$green: #23433A;

$dark-grey: #161616;
$red: #ED1C24;
$blue: #3476A8;
$dark-blue: #163A56;
$dark-yellow: #ED9B33;
$light-yellow: #F1B448;
$yellow: #C89E51;




// Fonts
$primary-font: "Roboto", sans-serif;
$secondary-font: "Rubik", sans-serif;