:root {
  --base-spacing: 8px;
  --font-heading: "sofia-pro-condensed";
  --font-body:"muli";
  --font-section: "sofia-pro-condensed";
  --transparent: transparent;
  --primary-1: #385542;
  --primary-2: #79BE70;
  --primary-3: #6BA4B8;
  --primary-4: #007A33;
  --secondary-1: #F0D4DD;
  --secondary-2: #9BCBEB;
  --secondary-3: #EEE52A;
  --secondary-4: #686F12;
  --secondary-5: #A9431E;
  --secondary-6: #D6D2C4;
  --secondary-7: #705853;
  --base-1: #000000;
  --base-2: #f7f4ed;
  --base-3: #f4f4f4;
  --base-4: #ffffff;
  --error: #d91010;
  --success: #3acd07;
  --tint-light-5: rgb(28.9, 28.9, 28.9);
  --tint-light-10: rgb(40.8, 40.8, 40.8);
  --tint-light-25: rgb(76.5, 76.5, 76.5);
  --tint-light-50: #888888;
  --tint-light-75: rgb(195.5, 195.5, 195.5);
  --tint-dark-5: rgb(231.8, 231.8, 231.8);
  --tint-dark-10: rgb(219.6, 219.6, 219.6);
  --tint-dark-25: #b7b7b7;
  --tint-dark-50: #7a7a7a;
  --tint-dark-75: #3d3d3d;
  --gradient-bottom-light: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
  --gradient-top-light: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  --gradient-left-to-right-light: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  --gradient-right-to-left-light: linear-gradient(270deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  --gradient-bottom-dark: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 89.26%);
  --gradient-top-dark: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  --gradient-left-to-right-dark: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  --gradient-right-to-left-dark: linear-gradient(270deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  --gradient-dark-overlays-variation: var(--godv, linear-gradient(90deg, rgba(31, 33, 34, 0.4) 5%, rgba(53, 62, 68, 0) 100%), linear-gradient(90deg, rgba(31, 33, 34, 0.8) 5%, rgba(53, 62, 68, 0.8) 30%, rgba(53, 62, 68, 0) 100%));
  --display-xl-fs: clamp(3.6rem, 1.592rem + 0.05283 * 100vw, 9.2rem);
  --display-lg-fs: clamp(3.6rem, 2.74rem + 0.02264 * 100vw, 6rem);
  --display-md-fs: clamp(2.8rem, 2.083rem + 0.01887 * 100vw, 4.8rem);
  --display-sm-fs: clamp(2.4rem, 1.826rem + 0.01509 * 100vw, 4rem);
  --headline-lg-fs: clamp(2rem, 1.57rem + 0.01132 * 100vw, 3.2rem);
  --headline-md-fs: clamp(1.8rem, 1.585rem + 0.00566 * 100vw, 2.4rem);
  --headline-sm-fs: clamp(1.4rem, 1.257rem + 0.00377 * 100vw, 1.8rem);
  --section-title-fs: clamp(1.4rem, 1.185rem + 0.00566 * 100vw, 2rem);
  --quote-lg-fs: clamp(2.4rem, 1.54rem + 0.02264 * 100vw, 4.8rem);
  --quote-md-fs: clamp(1.6rem, 1.313rem + 0.00755 * 100vw, 2.4rem);
  --body-lg-fs: clamp(1.8rem, 1.585rem + 0.00566 * 100vw, 2.4rem);
  --body-md-fs: clamp(1.6rem, 1.528rem + 0.00189 * 100vw, 1.8rem);
  --body-sm-fs: clamp(1.4rem, 1.328rem + 0.00189 * 100vw, 1.6rem);
  --body-xs-fs: clamp(1.2rem, 1.128rem + 0.00189 * 100vw, 1.4rem);
  --label-fs: clamp(1.2rem, 1.128rem + 0.00189 * 100vw, 1.4rem);
  --button-label-fs: clamp(1.6rem, 1.6rem + 0 * 100vw, 1.6rem);
  --stat-lg-fs: clamp(3.2rem, 2.196rem + 0.02642 * 100vw, 6rem);
  --stat-md-fs: clamp(2.4rem, 1.54rem + 0.02264 * 100vw, 4.8rem);
  --tag-fs: clamp(1.2rem, 1.128rem + 0.00189 * 100vw, 1.4rem);
  --nav-lg-fs: clamp(1.4rem, 1.257rem + 0.00377 * 100vw, 1.8rem);
  --nav-md-fs: clamp(1.2rem, 1.057rem + 0.00377 * 100vw, 1.6rem);
  --nav-sm-fs: clamp(1rem, 0.857rem + 0.00377 * 100vw, 1.4rem);
  --breadcrumb-fs: clamp(1.2rem, 1.128rem + 0.00189 * 100vw, 1.4rem);
  --cta-link-lg-fs: clamp(1.8rem, 1.585rem + 0.00566 * 100vw, 2.4rem);
  --cta-link-md-fs: clamp(1.6rem, 1.528rem + 0.00189 * 100vw, 1.8rem);
  --cta-link-sm-fs: clamp(1.4rem, 1.328rem + 0.00189 * 100vw, 1.6rem);
  --cta-link-xs-fs: clamp(1.2rem, 1.128rem + 0.00189 * 100vw, 1.4rem);
  --social-icons-fs: clamp(2rem, 2rem + 0 * 100vw, 2rem);
  --display-xl-lh: clamp(4.4rem, 2.966rem + 0.03774 * 100vw, 8.4rem);
  --display-lg-lh: clamp(4.4rem, 3.109rem + 0.03396 * 100vw, 8rem);
  --display-md-lh: clamp(4rem, 3.14rem + 0.02264 * 100vw, 6.4rem);
  --display-sm-lh: clamp(3.2rem, 2.483rem + 0.01887 * 100vw, 5.2rem);
  --headline-lg-lh: clamp(2.8rem, 2.226rem + 0.01509 * 100vw, 4.4rem);
  --headline-md-lh: clamp(2.4rem, 2.113rem + 0.00755 * 100vw, 3.2rem);
  --headline-sm-lh: clamp(1.8rem, 1.585rem + 0.00566 * 100vw, 2.4rem);
  --section-title-lh: clamp(1rem, 1rem + 0 * 100vw, 1rem);
  --quote-lg-lh: clamp(3.6rem, 2.74rem + 0.02264 * 100vw, 6rem);
  --quote-md-lh: clamp(2.4rem, 1.826rem + 0.01509 * 100vw, 4rem);
  --body-lg-lh: clamp(2.6rem, 2.242rem + 0.00943 * 100vw, 3.6rem);
  --body-md-lh: clamp(2.4rem, 2.257rem + 0.00377 * 100vw, 2.8rem);
  --body-sm-lh: clamp(2rem, 1.857rem + 0.00377 * 100vw, 2.4rem);
  --body-xs-lh: clamp(2rem, 1.857rem + 0.00377 * 100vw, 2.4rem);
  --label-lh: clamp(1.6rem, 1.457rem + 0.00377 * 100vw, 2rem);
  --button-label-lh: clamp(2rem, 1.857rem + 0.00377 * 100vw, 2.4rem);
  --stat-lg-lh: clamp(4rem, 2.566rem + 0.03774 * 100vw, 8rem);
  --stat-md-lh: clamp(3.2rem, 2.196rem + 0.02642 * 100vw, 6rem);
  --tag-lh: clamp(1.4rem, 1.328rem + 0.00189 * 100vw, 1.6rem);
  --nav-lg-lh: clamp(1.4rem, 1.042rem + 0.00943 * 100vw, 2.4rem);
  --nav-md-lh: clamp(1.2rem, 0.77rem + 0.01132 * 100vw, 2.4rem);
  --nav-sm-lh: clamp(1rem, 0.642rem + 0.00943 * 100vw, 2rem);
  --breadcrumb-lh: clamp(1.6rem, 1.457rem + 0.00377 * 100vw, 2rem);
  --cta-link-lg-lh: clamp(2.6rem, 2.242rem + 0.00943 * 100vw, 3.6rem);
  --cta-link-md-lh: clamp(2.4rem, 2.257rem + 0.00377 * 100vw, 2.8rem);
  --cta-link-sm-lh: clamp(2rem, 1.857rem + 0.00377 * 100vw, 2.4rem);
  --cta-link-xs-lh: clamp(2rem, 1.857rem + 0.00377 * 100vw, 2.4rem);
  --social-icons-lh: clamp(1rem, 1rem + 0 * 100vw, 1rem);
  --shadow-none: none;
  --shadow-xs: 0px 1px 3px 0px rgba(0, 0, 0, 0.10),0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --shadow-sm: 0px 4px 8px -2px rgba(0, 0, 0, 0.10),0px 2px 4px -2px rgba(0, 0, 0, 0.06);
  --shadow-md: 0px 12px 16px -4px rgba(0, 0, 0, 0.08),0px 4px 6px -2px rgba(0, 0, 0, 0.03);
  --shadow-lg: 0px 20px 24px -4px rgba(0, 0, 0, 0.08),0px 8px 8px -4px rgba(0, 0, 0, 0.03);
  --shadow-xl: 0px 24px 48px -12px rgba(0, 0, 0, 0.18);
  --shadow-xxl: 0px 24px 48px -12px rgba(0, 0, 0, 0.18);
  --shadow-custom: 0px 4px 100px 0px rgba(0, 0, 0, 0.10);
  --radius-none: 0;
  --radius-xs: 0.2rem;
  --radius-sm: 0.4rem;
  --radius-md: 0.8rem;
  --radius-lg: 1.6rem;
  --radius-xl: 1.6rem;
  --radius-xxl: 1.6rem;
  --lg-1: clamp(4.8rem, 3.305rem + 0.03934 * 100vw, 9.6rem);
  --lg-2: clamp(4rem, 2.505rem + 0.03934 * 100vw, 8.8rem);
  --lg-3: clamp(3.6rem, 2.23rem + 0.03607 * 100vw, 8rem);
  --lg-4: clamp(3.2rem, 1.954rem + 0.03279 * 100vw, 7.2rem);
  --md-1: clamp(2.8rem, 1.679rem + 0.02951 * 100vw, 6.4rem);
  --md-2: clamp(2.4rem, 1.403rem + 0.02623 * 100vw, 5.6rem);
  --md-3: clamp(2rem, 1.128rem + 0.02295 * 100vw, 4.8rem);
  --md-4: clamp(2rem, 1.377rem + 0.01639 * 100vw, 4rem);
  --sm-1: clamp(2rem, 1.626rem + 0.00984 * 100vw, 3.2rem);
  --sm-2: clamp(1.6rem, 1.351rem + 0.00656 * 100vw, 2.4rem);
  --sm-3: clamp(1.2rem, 1.075rem + 0.00328 * 100vw, 1.6rem);
  --sm-4: clamp(1.2rem, 1.2rem + 0 * 100vw, 1.2rem);
  --xs-1: clamp(0.8rem, 0.8rem + 0 * 100vw, 0.8rem);
  --xs-2: clamp(0.4rem, 0.4rem + 0 * 100vw, 0.4rem)
}
@media (min-width:768px) {
  :root {
    --radius-xs: 0.2rem;
    --radius-sm: 0.6rem;
    --radius-md: 1.2rem;
    --radius-lg: 2rem;
    --radius-xl: 2rem;
    --radius-xxl: 4rem
  }
}
@media (min-width:1200px) {
  :root {
    --radius-xs: 0.4rem;
    --radius-sm: 0.8rem;
    --radius-md: 1.6rem;
    --radius-lg: 2.4rem;
    --radius-xl: 4rem;
    --radius-xxl: 6rem
  }
}
.card-dark,
.panel-dark,
.section-dark,
.theme-dark {
  --color-display: var(--base-4);
  --color-headline: var(--base-4);
  --color-body: var(--base-4);
  --color-utility: var(--base-4);
  --color-quote: var(--base-4);
  --color-stats: var(--base-4);
  --color-pictogram: var(--primary-1);
  --color-secondary-text: var(--base-4);
  --color-section: var(--base-4);
  --color-icon: var(--base-4)
}
.card-light,
.panel-light,
.section-light,
.theme-light {
  --color-display: var(--primary-1);
  --color-headline: var(--primary-1);
  --color-body: var(--primary-1);
  --color-utility: var(--primary-1);
  --color-quote: var(--primary-1);
  --color-stats: var(--primary-1);
  --color-pictogram: var(--primary-1);
  --color-secondary-text: var(--primary-1);
  --color-section: var(--primary-1);
  --color-icon: var(--base-1)
}