// ------------------------------------------------------
// Colors
// ------------------------------------------------------
$primaryClear: #fddb22;
$secondaryClear: #999999;
$duller: #010101; // #060606
$duller2: #444242;
$orange: #ffa948;
$red: #ea002a;
$red2: #FF2400;
$green: #2a4f2b;
$darkGreen: #384b38;
$whatsapp: #00a900;
$accentClear: #999999;
$accentClear2: #f2f2f2;
$accentClear3: #f7f7f7;
$accentClear4: #90908f;
$accentClear5: #e5e5e5;
$accentClear6: #a6a6a6;
$accentClear7: #ecebeb;
$accentClear8: #e3e1e0;
$accentClear9: #c1c1c1;
// ------------------------------------------------------
// Colors end.
// ------------------------------------------------------

// ------------------------------------------------------
// Media queries
// ------------------------------------------------------
// |--Min:
$screen-2xs-wmin: 375px;
$screen-xs-wmin: 470px;
$screen-sm-wmin: 576px;
$screen-md-wmin: 768px;
$screen-mdl-wmin: 840px;
$screen-lg-wmin: 992px;
$screen-xl-wmin: 1200px;
$screen-2xl-wmin: 1400px;
$screen-3xl-wmin: 1600px;
$screen-4xl-wmin: 1800px;
$screen-5xl-wmin: 1930px;

// |--Max:
$screen-2xs-wmax: 374.98px;
$screen-xs-wmax: 469.98px;
$screen-sm-wmax: 575.98px;
$screen-md-wmax: 767.98px;
$screen-mdl-wmax: 839.98px;
$screen-lg-wmax: 991.98px;
$screen-xl-wmax: 1199.98px;
$screen-2xl-wmax: 1399.98px;
$screen-3xl-wmax: 1599.98px;
$screen-4xl-wmax: 1799.98px;
$screen-5xl-wmax: 1929.98px;
// ------------------------------------------------------
// Media queries end
// ------------------------------------------------------

// ------------------------------------------------------
// Container limits
// ------------------------------------------------------
$screen-lg-limit: 1050px;
$screen-xl-limit: 1280px;
$screen-2xl-limit: 1460px;
$screen-3xl-limit: 1540px;
$screen-4xl-limit: 1780px;
$screen-5xl-limit: 1920px;
// ------------------------------------------------------
// Container limits end
// ------------------------------------------------------

// ------------------------------------------------------
// Transitions
// ------------------------------------------------------
$transitionDuration: 400ms;
// ------------------------------------------------------
// Transitions end
// ------------------------------------------------------

// ------------------------------------------------------
// Intervals
// ------------------------------------------------------
$bannerCarouselInterval: 7000ms;
// ------------------------------------------------------
// Intervals end
// ------------------------------------------------------

// ------------------------------------------------------
// Font sizes
// ------------------------------------------------------
// TODO: Added more responsive font-sizes, such as the ones used for the webinar.
// $text-body: calc(12px + 1rem);
// $text-10: 10px;
// $text-12: clamp(12px, calc(8px + .5rem), 1.5rem);
// $text-13: clamp(13px, calc(9px + .5rem), 4rem);
// $text-14: clamp(14px, calc(10px + .5rem), 5rem);
// $text-15: calc(12px + .5rem);
// $text-18: calc(13px + .6rem);
// $text-20: calc(14px + .7rem);
// $text-22: calc(14px + .9rem);
// $text-25: calc(15px + 1.2rem);
// $text-30: calc(16px + 1.5rem);
// $text-35: clamp(25px, calc(20px + 1.5rem), 35px);
// $text-40: clamp(30px, calc(25px + 2rem), 40px);
// $text-50: clamp(40px, calc(27px + 2.5rem), 50px);
// $text-60: clamp(50px, calc(30px + 3rem), 10rem);
// $text-80: clamp(70px, calc(40px + 4.5rem), 12rem);
$text-body: 1rem;
$text-10: 0.625rem;
$text-12: 0.75rem;
$text-13: 0.8125rem;
$text-14: 0.875rem;
$text-15: 0.9375rem;
$text-17: 1.0625rem;
$text-18: 1.125rem;
$text-20: 1.25rem;
$text-22: 1.375rem;
$text-25: 1.5625rem;
$text-28: 1.75rem;
$text-30: clamp(1.65rem, calc(.8rem + .8vw), 2rem); // 1.875rem
$text-35: clamp(1.8rem, calc(1.25rem + .775vw), 2.1875rem); // 2.1875rem
$text-40: clamp(1.9rem, calc(1.25rem + .8vw), 2.5rem); // 2.5rem
$text-50: clamp(2.2rem, calc(1.3rem + 1vw), 3.125rem); // 3.125rem
// $text-55: clamp(2.2rem, calc(1.3rem + 1vw), 3.125rem); // 3.4375rem
$text-60: clamp(calc(2.35rem + .5vw), calc(1rem + 2.5vw), 4rem); // 3.75rem
$text-70: clamp(calc(2.5rem + .8vw), calc(1rem + 3vw), 4.8rem); // 4.375rem
$text-80: clamp(calc(3rem + 1vw), calc(1rem + 3.5vw), 5.5rem); // 5rem
// ------------------------------------------------------
// Font sizes end
// ------------------------------------------------------

// ------------------------------------------------------
// Spacing
// ------------------------------------------------------
// |-- sections
// $spacing1: calc(20px + 15rem);
// // |-- text
// $spacing2: calc(8px + 4rem);
// // |-- aux
// $spacing3: calc(4px + 1rem);

// |-- common spacing
$commonSp: 15px;
// |-- sections
$spacing1: 4rem;
// |-- text
$spacing2: .75rem;
// |-- aux
$spacing3: .4rem;
// |-- control padding
$fcontrolXPadding: calc(4px + 1rem);
$fcontrolFeedSpacing: 0px;
// ------------------------------------------------------
// Spacing end
// ------------------------------------------------------