:root {
  --primary-1: #005dba;
    --primary-2: #0b0b0b;
    --primary-3: #ffffff;
    --primary-4: #ffffff;
    --primary-5: #0d4ba9;
    --secondary-1: #f3f9ff;
    --secondary-2: #fedb00;
    --secondary-3: #6d29b6;
    --secondary-4: #edde45;
    --secondary-5: #9bf0e9;
    --base-1: #3c3c3c;
    --base-2: #636469;
    --base-3: #cecece;
    --base-4: #f4f4f4;
    --base-5: #ffffff;
    --dark-transparent: #00000000;
    --dark-5: #0000000d;
    --dark-10: #0000001a;
    --dark-25: #00000040;
    --dark-50: #00000080;
    --dark-75: #000000bf;
    --light-transparent: #ffffff00;
    --light-5: #ffffff0d;
    --light-10: #ffffff1a;
    --light-25: #ffffff40;
    --light-50: #ffffff80;
    --light-75: #ffffffbf;
    --error: #d91010;
    --success: #3acd07;
    --lg-1: clamp(4.8rem, 3.0792rem + 4.5283vw, 9.6rem);
    --lg-2: clamp(4rem, 2.2792rem + 4.5283vw, 8.8rem);
    --lg-3: clamp(3.6rem, 2.0226rem + 4.1509vw, 8rem);
    --lg-4: clamp(3.2rem, 1.7660rem + 3.7736vw, 7.2rem);
    --md-1: clamp(2.8rem, 1.5094rem + 3.3962vw, 6.4rem);
    --md-2: clamp(2.4rem, 1.2528rem + 3.0189vw, 5.6rem);
    --md-3: clamp(2rem, 0.9962rem + 2.6415vw, 4.8rem);
    --md-4: clamp(2rem, 1.2830rem + 1.8868vw, 4rem);
    --sm-1: clamp(2rem, 1.5698rem + 1.1321vw, 3.2rem);
    --sm-2: clamp(1.6rem, 1.3132rem + 0.7547vw, 2.4rem);
    --sm-3: clamp(1.2rem, 1.0566rem + 0.3774vw, 1.6rem);
    --sm-4: clamp(0.8rem, 0.6566rem + 0.3774vw, 1.2rem);
    --xs-1: clamp(0.8rem, 0.8000rem + 0.0000vw, 0.8rem);
    --xs-2: clamp(0.4rem, 0.4000rem + 0.0000vw, 0.4rem);
    --nil: clamp(0rem, 0.0000rem + 0.0000vw, 0rem);
    --radius-nil: 0px;
    --radius-xs: 2px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-xl: 16px;
    --radius-xxl: 24px;
    --background-section: var(--base-5);
    --background-panel: var(--base-5);
    --background-card: var(--base-5);
    --background-card-hover: var(--base-5);
    --color-display: var(--base-1);
    --panel-radius: var(--radius-sm);
    --card-radius: var(--radius-sm);
    --image-radius: var(--radius-md);
    --color-headline: var(--base-1);
    --color-body: var(--base-2);
    --color-body-secondary: var(--base-2);
    --color-utility: var(--dark-75);
    --color-quote: var(--base-1);
    --color-stats: var(--primary-1);
    --color-pictogram: var(--primary-1);
    --button-radius: var(--radius-xs);
    --input-radius: var(--radius-xs);
    --card-shadow-colour: var(--dark-25);
    --card-shadow-offset: var(--radius-nil);
    --card-shadow-blur: var(--radius-nil);
    --panel-shadow-colour: var(--dark-25);
    --panel-shadow-offset: var(--radius-nil);
    --panel-shadow-blur: var(--radius-nil);
    --primitive-family-titles: "proxima-nova";
    --primitive-family-body: "Open Sans";
    --primitive-weight-light: "Light";
    --primitive-weight-regular: "Regular";
    --primitive-weight-medium: "Medium";
    --primitive-weight-semi-bold: "Semi Bold";
    --primitive-weight-bold: "Bold";
    --primitive-weight-extra-bold: "Extra Bold";
    --display-l-font-size: clamp(4rem, 2.7094rem + 3.3962vw, 7.6rem);
    --display-l-line-height: clamp(4.4rem, 3.1094rem + 3.3962vw, 8rem);
    --display-l-letter-spacing: -1px;
    --display-l-font-family: var(--primitive-family-titles);
    --display-l-weight: var(--primitive-weight-semi-bold);
    --display-m-font-size: clamp(3rem, 1.9245rem + 2.8302vw, 6rem);
    --display-m-line-height: clamp(3.8rem, 2.8679rem + 2.4528vw, 6.4rem);
    --display-m-letter-spacing: -1px;
    --display-m-font-family: var(--primitive-family-titles);
    --display-m-weight: var(--primitive-weight-semi-bold);
    --display-s-font-size: clamp(2.4rem, 1.5396rem + 2.2642vw, 4.8rem);
    --display-s-line-height: clamp(3rem, 2.2113rem + 2.0755vw, 5.2rem);
    --display-s-letter-spacing: -1px;
    --display-s-font-family: var(--primitive-family-titles);
    --display-s-weight: var(--primitive-weight-semi-bold);
    --headline-l-font-size: clamp(2rem, 1.3547rem + 1.6981vw, 3.8rem);
    --headline-l-line-height: clamp(2.8rem, 2.2264rem + 1.5094vw, 4.4rem);
    --headline-l-letter-spacing: 0px;
    --headline-l-font-family: var(--primitive-family-titles);
    --headline-l-weight: var(--primitive-weight-semi-bold);
    --headline-m-font-size: clamp(1.8rem, 1.5849rem + 0.5660vw, 2.4rem);
    --headline-m-line-height: clamp(2.4rem, 2.1132rem + 0.7547vw, 3.2rem);
    --headline-m-letter-spacing: 0px;
    --headline-m-font-family: var(--primitive-family-titles);
    --headline-m-weight: var(--primitive-weight-bold);
    --headline-s-font-size: clamp(1.4rem, 1.2566rem + 0.3774vw, 1.8rem);
    --headline-s-line-height: clamp(1.8rem, 1.5849rem + 0.5660vw, 2.4rem);
    --headline-s-letter-spacing: 0px;
    --headline-s-font-family: var(--primitive-family-titles);
    --headline-s-weight: var(--primitive-weight-bold);
    --body-l-font-size: clamp(1.8rem, 1.5849rem + 0.5660vw, 2.4rem);
    --body-l-line-height: clamp(2.6rem, 2.2415rem + 0.9434vw, 3.6rem);
    --body-l-letter-spacing: 0px;
    --body-l-font-family: var(--primitive-family-body);
    --body-l-weight: var(--primitive-weight-medium);
    --body-m-font-size: clamp(1.6rem, 1.5283rem + 0.1887vw, 1.8rem);
    --body-m-line-height: clamp(2.4rem, 2.2566rem + 0.3774vw, 2.8rem);
    --body-m-letter-spacing: 0px;
    --body-m-font-family: var(--primitive-family-body);
    --body-m-weight: var(--primitive-weight-regular);
    --body-s-font-size: clamp(1.4rem, 1.3283rem + 0.1887vw, 1.6rem);
    --body-s-line-height: clamp(2rem, 1.8566rem + 0.3774vw, 2.4rem);
    --body-s-letter-spacing: 0px;
    --body-s-font-family: var(--primitive-family-body);
    --body-s-weight: var(--primitive-weight-regular);
    --body-xs-font-size: clamp(1.2rem, 1.1283rem + 0.1887vw, 1.4rem);
    --body-xs-line-height: clamp(2rem, 1.8566rem + 0.3774vw, 2.4rem);
    --body-xs-letter-spacing: 0px;
    --body-xs-font-family: var(--primitive-family-body);
    --body-xs-weight: var(--primitive-weight-regular);
    --quote-l-font-size: clamp(2.4rem, 1.5396rem + 2.2642vw, 4.8rem);
    --quote-l-line-height: clamp(3.6rem, 2.7396rem + 2.2642vw, 6rem);
    --quote-l-letter-spacing: 0px;
    --quote-l-font-family: var(--primitive-family-titles);
    --quote-l-weight: var(--primitive-weight-regular);
    --quote-m-font-size: clamp(1.6rem, 1.3132rem + 0.7547vw, 2.4rem);
    --quote-m-line-height: clamp(2.4rem, 1.8264rem + 1.5094vw, 4rem);
    --quote-m-letter-spacing: 0px;
    --quote-m-font-family: var(--primitive-family-titles);
    --quote-m-weight: var(--primitive-weight-regular);
    --nav-l-font-size: clamp(1.4rem, 1.2566rem + 0.3774vw, 1.8rem);
    --button-font-size: clamp(1.4rem, 1.0566rem + 0.3774vw, 1.6rem);
    --button-line-height: clamp(2.2rem, 1.8566rem + 0.3774vw, 2.4rem);
    --button-letter-spacing: 0px;
    --button-font-family: var(--primitive-family-titles);
    --button-weight: var(--primitive-weight-bold);
    --nav-l-line-height: clamp(1.4rem, 1.0415rem + 0.9434vw, 2.4rem);
    --nav-l-letter-spacing: 0px;
    --nav-l-font-family: var(--primitive-family-titles);
    --nav-l-weight: var(--primitive-weight-bold);
    --nav-m-font-size: clamp(1.2rem, 1.0566rem + 0.3774vw, 1.6rem);
    --nav-m-line-height: clamp(1.2rem, 0.7698rem + 1.1321vw, 2.4rem);
    --nav-m-letter-spacing: 0px;
    --nav-m-font-family: var(--primitive-family-titles);
    --nav-m-weight: var(--primitive-weight-bold);
    --nav-s-font-size: clamp(1rem, 0.8566rem + 0.3774vw, 1.4rem);
    --nav-s-line-height: clamp(1rem, 0.6415rem + 0.9434vw, 2rem);
    --nav-s-letter-spacing: 0px;
    --nav-s-font-family: var(--primitive-family-titles);
    --nav-s-weight: var(--primitive-weight-bold);
    --stat-l-font-size: clamp(3.2rem, 2.1962rem + 2.6415vw, 6rem);
    --stat-m-font-size: clamp(2.4rem, 1.5396rem + 2.2642vw, 4.8rem);
    --breadcrumb-default-font-size: clamp(1.2rem, 1.1283rem + 0.1887vw, 1.4rem);
    --breadcrumb-default-line-height: clamp(1.6rem, 1.4566rem + 0.3774vw, 2rem);
    --breadcrumb-default-letter-spacing: 0px;
    --breadcrumb-default-font-family: var(--primitive-family-body);
    --breadcrumb-default-weight: var(--primitive-weight-regular);
    --breadcrumb-active-font-size: clamp(1.2rem, 1.1283rem + 0.1887vw, 1.4rem);
    --breadcrumb-active-line-height: clamp(1.6rem, 1.4566rem + 0.3774vw, 2rem);
    --breadcrumb-active-letter-spacing: 0px;
    --breadcrumb-active-font-family: var(--primitive-family-body);
    --breadcrumb-active-weight: var(--primitive-weight-bold);
    --tag-font-size: clamp(1.2rem, 1.1283rem + 0.1887vw, 1.4rem);
    --icon-font-size: clamp(1.8rem, 1.5849rem + 0.5660vw, 2.4rem);
    --tag-line-height: clamp(1.4rem, 1.3283rem + 0.1887vw, 1.6rem);
    --tag-letter-spacing: 0.800000011920929px;
    --tag-font-family: var(--primitive-family-titles);
    --tag-weight: var(--primitive-weight-bold);
    --stat-l-line-height: clamp(4rem, 2.5660rem + 3.7736vw, 8rem);
    --stat-l-letter-spacing: 0px;
    --stat-l-font-family: var(--primitive-family-titles);
    --stat-l-weight: var(--primitive-weight-extra-bold);
    --stat-m-line-height: clamp(3.2rem, 2.1962rem + 2.6415vw, 6rem);
    --stat-m-letter-spacing: 0px;
    --stat-m-font-family: var(--primitive-family-titles);
    --stat-m-weight: var(--primitive-weight-extra-bold);
    --section-title-font-size: clamp(1.4rem, 1.1849rem + 0.5660vw, 2rem);
    --section-title-line-height: clamp(1.8rem, 1.4415rem + 0.9434vw, 2.8rem);
    --section-title-letter-spacing: 0px;
    --section-title-font-family: var(--primitive-family-titles);
    --section-title-weight: var(--primitive-weight-bold);
    --label-font-size: clamp(1.2rem, 1.1283rem + 0.1887vw, 1.4rem);
    --label-line-height: clamp(1.4rem, 1.3283rem + 0.1887vw, 1.6rem);
    --label-letter-spacing: 6px;
    --label-font-family: var(--primitive-family-body);
    --label-weight: var(--primitive-weight-regular)
  }
  @media (min-width:768px) {
  :root {
    --radius-nil: 0px;
      --radius-xs: 2px;
      --radius-sm: 6px;
      --radius-md: 12px;
      --radius-lg: 20px;
      --radius-xl: 24px;
      --radius-xxl: 40px
    }
  }
  @media (min-width:1200px) {
  :root {
    --radius-nil: 0px;
      --radius-xs: 4px;
      --radius-sm: 8px;
      --radius-md: 16px;
      --radius-lg: 24px;
      --radius-xl: 40px;
      --radius-xxl: 60px
    }
  }
  .card-dark,
  .panel-dark,
  .section-dark,
  .theme-dark {
    --background-section: var(--secondary-1);
      --background-panel: var(--secondary-1);
      --background-card: var(--primary-1);
      --background-card-hover: var(--primary-1);
      --color-display: var(--base-5);
      --color-headline: var(--base-5);
      --color-body: var(--base-5);
      --color-body-secondary: var(--secondary-1);
      --color-utility: var(--light-75);
      --color-quote: var(--base-5);
      --color-stats: var(--base-5);
      --color-pictogram: var(--base-5)
    }
    .card-light,
    .panel-light,
    .section-light,
    .theme-light {
      --background-section: var(--base-5);
        --background-panel: var(--base-5);
        --background-card: var(--base-5);
        --background-card-hover: var(--base-5);
        --color-display: var(--base-1);
        --color-headline: var(--base-1);
        --color-body: var(--base-2);
        --color-body-secondary: var(--base-2);
        --color-utility: var(--dark-75);
        --color-quote: var(--base-1);
        --color-stats: var(--primary-1);
        --color-pictogram: var(--primary-1)
      }
      :root {
          --gradient-1: linear-gradient(90deg, #005DBA 0%, #6D29B6 100%);
      --gradient-2: linear-gradient(90deg, #005DBA 0%, #007DBA 100%);
      --gradient-3: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 81.68%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(0deg, var(--tint-dark-25, rgba(0, 0, 0, 0.25)) 0%, var(--tint-dark-25, rgba(0, 0, 0, 0.25)) 100%), linear-gradient(90deg, rgba(0, 0, 0, 0.50) 2.72%, rgba(255, 255, 255, 0.00) 81.25%);            
      --gradient-4: linear-gradient(180deg, #005DBA 0%, #6D29B6 100%));          
      --none: none;
      --xs: 0px 4px 8px -2px rgba(0, 0, 0, 0.10),0px 2px 4px -2px rgba(0, 0, 0, 0.06);
      --sm: 0px 4px 8px -2px rgba(0, 0, 0, 0.10),0px 2px 4px -2px rgba(0, 0, 0, 0.06);
      --md: 0px 12px 16px -4px rgba(0, 0, 0, 0.08),0px 4px 6px -2px rgba(0, 0, 0, 0.03);
      --lg: 0px 20px 24px -4px rgba(0, 0, 0, 0.08),0px 8px 8px -4px rgba(0, 0, 0, 0.03);
      --xl: 0px 24px 48px 0px rgba(0, 0, 0, 0.18);
      --xxl: 0px 24px 48px 0px rgba(0, 0, 0, 0.18);
      --primitive-weight-light: 300;
      --primitive-weight-regular: 400;
      --primitive-weight-medium: 500;
      --primitive-weight-semi-bold: 600;
      --primitive-weight-bold: 700;
      --primitive-weight-extra-bold: 800
          }