/**
* Below function is responsible to calculate the clamp value based on the received parameters
* $font-size-at-min-width - Required font size at minimum width of viewport
* $font-size-at-max-width - Required font size at minimum width of viewport
* $min-width - Minimum width of viewport
* $max-width - Maximum width of viewport
**/
/**
* Below function is responsible to generate the css variable and add to root.
* $suffix - this will be added to the end of the variable name.
* $variable-list - CSS map for list of required variables which include class/tag names and min/max values.
* $is-clamp-variable - Boolean indicating whether it's to generate clamp variable.
* $breakpoint - If this value is present then breakpoint based list will come.
**/
:root {
  --base-spacing: 8px;
  --font-heading: "neue-haas-grotesk-display", sans-serif;
  --font-body: "neue-haas-grotesk-text", sans-serif;
  --heritage-red: #D92B2B;
  --heritage-red-hover: #830011;
  --onyx: #000;
  --quartz: #D6D0C2;
  --alloy: #5C5B59;
  --copper: #896C4C;
  --light-quartz: #ECEAE4;
  --dark-stone: #7E8182;
  --medium-stone: #A4A4A5;
  --stone: #C4C6C1;
  --medium-quartz: #BAB3AB;
  --dark-quartz: #ACA39A;
  --grey: #F6F6F6;
  --white: #FFF;
  --dark: #000;
  --header: rgba(236, 236, 236, 0.8);
  --gradient-1: linear-gradient(180deg, #D6D0C2 0%, rgba(214, 208, 194, 0) 84.37%);
  --fw-100: 100;
  --fw-200: 200;
  --fw-300: 300;
  --fw-400: 400;
  --fw-450: 450;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;
  --fw-800: 800;
  --fw-900: 900;
  --banner-h1-fs: clamp(4rem, 1.992rem + 0.05283 * 100vw, 9.6rem);
  --h1-fs: clamp(4rem, 2.423rem + 0.04151 * 100vw, 8.4rem);
  --h2-fs: clamp(3.4rem, 2.181rem + 0.03208 * 100vw, 6.8rem);
  --h3-fs: clamp(2.8rem, 1.868rem + 0.02453 * 100vw, 5.4rem);
  --h4-fs: clamp(2.4rem, 1.826rem + 0.01509 * 100vw, 4rem);
  --h5-fs: clamp(2.4rem, 2.185rem + 0.00566 * 100vw, 3rem);
  --h6-fs: clamp(1.8rem, 1.585rem + 0.00566 * 100vw, 2.4rem);
  --title-sm-fs: clamp(2.4rem, 2.257rem + 0.00377 * 100vw, 2.8rem);
  --quote-fs: clamp(2rem, 1.857rem + 0.00377 * 100vw, 2.4rem);
  --intro-fs: clamp(1.8rem, 1.657rem + 0.00377 * 100vw, 2.2rem);
  --tag-lg-fs: clamp(1.4rem, 1.185rem + 0.00566 * 100vw, 2rem);
  --tag-sm-fs: clamp(1.4rem, 1.4rem + 0 * 100vw, 1.4rem);
  --label-fs: clamp(1.4rem, 1.4rem + 0 * 100vw, 1.4rem);
  --cta-lg-fs: clamp(2rem, 1.785rem + 0.00566 * 100vw, 2.6rem);
  --cta-fs: clamp(1.5rem, 1.392rem + 0.00283 * 100vw, 1.8rem);
  --body-fs: clamp(1.6rem, 1.457rem + 0.00377 * 100vw, 2rem);
  --body-sm-fs: clamp(1.4rem, 1.328rem + 0.00189 * 100vw, 1.6rem);
  --body-xs-fs: clamp(1.2rem, 1.2rem + 0 * 100vw, 1.2rem);
  --navigation-fs: clamp(1.5rem, 1.392rem + 0.00283 * 100vw, 1.8rem);
  --top-nav-fs: clamp(2.2rem, 2.415rem + -0.00566 * 100vw, 1.6rem);
  --stats-fs: clamp(3.2rem, 2.196rem + 0.02642 * 100vw, 6rem);
  --banner-h1-lh: clamp(4.4rem, 2.536rem + 0.04906 * 100vw, 9.6rem);
  --h1-lh: clamp(4.4rem, 2.679rem + 0.04528 * 100vw, 9.2rem);
  --h2-lh: clamp(3.8rem, 2.581rem + 0.03208 * 100vw, 7.2rem);
  --h3-lh: clamp(3.2rem, 2.053rem + 0.03019 * 100vw, 6.4rem);
  --h4-lh: clamp(2.8rem, 2.155rem + 0.01698 * 100vw, 4.6rem);
  --h5-lh: clamp(2.8rem, 2.513rem + 0.00755 * 100vw, 3.6rem);
  --h6-lh: clamp(2.6rem, 2.385rem + 0.00566 * 100vw, 3.2rem);
  --title-sm-lh: clamp(3.2rem, 3.2rem + 0 * 100vw, 3.2rem);
  --quote-lh: clamp(3.6rem, 3.457rem + 0.00377 * 100vw, 4rem);
  --intro-lh: clamp(2.6rem, 2.385rem + 0.00566 * 100vw, 3.2rem);
  --tag-lg-lh: clamp(2rem, 1.713rem + 0.00755 * 100vw, 2.8rem);
  --tag-sm-lh: clamp(1.6rem, 1.6rem + 0 * 100vw, 1.6rem);
  --label-lh: clamp(2rem, 2rem + 0 * 100vw, 2rem);
  --cta-lg-lh: clamp(2rem, 1.785rem + 0.00566 * 100vw, 2.6rem);
  --cta-lh: clamp(1.5rem, 1.392rem + 0.00283 * 100vw, 1.8rem);
  --body-lh: clamp(2.2rem, 1.913rem + 0.00755 * 100vw, 3rem);
  --body-sm-lh: clamp(2rem, 1.928rem + 0.00189 * 100vw, 2.2rem);
  --body-xs-lh: clamp(2rem, 2.072rem + -0.00189 * 100vw, 1.8rem);
  --navigation-lh: clamp(1.5rem, 1.249rem + 0.0066 * 100vw, 2.2rem);
  --top-nav-lh: clamp(2.4rem, 2.615rem + -0.00566 * 100vw, 1.8rem);
  --stats-lh: clamp(4rem, 2.566rem + 0.03774 * 100vw, 8rem);
  --lg-1: calc(var(--base-spacing) * 6);
  --lg-2: calc(var(--base-spacing) * 5);
  --lg-3: calc(var(--base-spacing) * 4.5);
  --lg-4: calc(var(--base-spacing) * 4);
  --md-1: calc(var(--base-spacing) * 3.5);
  --md-2: calc(var(--base-spacing) * 3);
  --md-3: calc(var(--base-spacing) * 2.5);
  --md-4: calc(var(--base-spacing) * 2.5);
  --sm-1: calc(var(--base-spacing) * 2.5);
  --sm-2: calc(var(--base-spacing) * 2);
  --sm-3: calc(var(--base-spacing) * 1.5);
  --sm-4: calc(var(--base-spacing) * 1.5);
  --xs-1: calc(var(--base-spacing));
  --xs-2: calc(var(--base-spacing) / 2);
}

@media (min-width: 768px) {
  :root {
    --lg-1: calc(var(--base-spacing) * 9);
    --lg-2: calc(var(--base-spacing) * 8);
    --lg-3: calc(var(--base-spacing) * 7);
    --lg-4: calc(var(--base-spacing) * 6);
    --md-1: calc(var(--base-spacing) * 5);
    --md-2: calc(var(--base-spacing) * 4.5);
    --md-3: calc(var(--base-spacing) * 4);
    --md-4: calc(var(--base-spacing) * 3.5);
    --sm-1: calc(var(--base-spacing) * 3);
    --sm-2: calc(var(--base-spacing) * 2.5);
    --sm-3: calc(var(--base-spacing) * 2);
  }
}
@media (min-width: 992px) {
  :root {
    --lg-1: calc(var(--base-spacing) * 12);
    --lg-2: calc(var(--base-spacing) * 11);
    --lg-3: calc(var(--base-spacing) * 10);
    --lg-4: calc(var(--base-spacing) * 9);
    --md-1: calc(var(--base-spacing) * 8);
    --md-2: calc(var(--base-spacing) * 7);
    --md-3: calc(var(--base-spacing) * 6);
    --md-4: calc(var(--base-spacing) * 5);
    --sm-1: calc(var(--base-spacing) * 4);
    --sm-2: calc(var(--base-spacing) * 3);
  }
}