:root {
  --font-body: 'museo-sans', sans-serif;
  --font-titles: 'museo', serif;
  --font-size-h1: 27px;
  --font-size-h2: 40px;
  --font-size-h3: 24px;
  --font-size-h4: 16px;
  --font-size-body: 16px;
  --font-size-small: 12px;
  --font-size-xsmall: 10px;
  --color-light-background-default: #FFFFFF;
  --color-light-background-primary: #F0F4FF;
  --color-light-background-secondary: #DBE1EA;
  --color-light-background-tertiary: #B2B6BF;
  --color-light-client-default: #002E5A;
  --color-light-client-primary: #004F9F;
  --color-light-client-secondary: #00B1EB;
  --color-light-client-tertiary: #E6F5FE;
  --color-light-success-default: #14AE5C;
  --color-light-success-primary: #5cd65c;
  --color-light-success-secondary: #85e085;
  --color-light-success-tertiary: #ccffcc;
  --color-light-warning-default: #D83030;
  --color-light-warning-primary: #ffcd39;
  --color-light-warning-secondary: #ffe699;
  --color-light-warning-tertiary: #fff3cd;
  --color-light-disabled-default: #7A7A7A;
  --color-light-disabled-primary: #adb5bd;
  --color-light-disabled-secondary: #ced4da;
  --color-light-disabled-tertiary: #e9ecef;
  --color-light-base-default: #7A7A7A;
  --color-light-base-primary: #115bf0;
  --color-light-base-secondary: #ffffff;
  --color-light-base-tertiary: #d1d5db;
  --color-light-base_client-default: #2F80ED;
  --color-light-base_client-primary: #fffadd;
  --color-light-base_client-secondary: #f5e47b;
  --color-light-base_client-tertiary: #423f3b;
  --color-dark-background-default: #00132e;
  --color-dark-background-primary: #072338;
  --color-dark-background-secondary: #2f4d67;
  --color-dark-background-tertiary: #5d8fab;
  --color-dark-client-default: #165f85;
  --color-dark-client-primary: #459fc0;
  --color-dark-client-secondary: #f5e47b;
  --color-dark-client-tertiary: #fffbe4;
  --color-dark-success-default: #14ae5c;
  --color-dark-success-primary: #5cd65c;
  --color-dark-success-secondary: #85e085;
  --color-dark-success-tertiary: #ccffcc;
  --color-dark-warning-default: #d83030;
  --color-dark-warning-primary: #ffcd39;
  --color-dark-warning-secondary: #ffe699;
  --color-dark-warning-tertiary: #fff3cd;
  --color-dark-disabled-default: #5a5a5a;
  --color-dark-disabled-primary: #adb5bd;
  --color-dark-disabled-secondary: #ced4da;
  --color-dark-disabled-tertiary: #e9ecef;
  --color-dark-base-default: #ffffff;
  --color-dark-base-primary: #ffffff;
  --color-dark-base-secondary: #ffffff;
  --color-dark-base-tertiary: #000000;
  --color-dark-base_client-default: #ffffff;
  --color-dark-base_client-primary: #faffe6;
  --color-dark-base_client-secondary: #d0e37f;
  --color-dark-base_client-tertiary: #423f3b;
  --spacing-0-25: 0.25rem;
  --spacing-0-5: 0.5rem;
  --spacing-0-75: 0.75rem;
  --spacing-1: 1rem;
  --spacing-1-25: 1.25rem;
  --spacing-1-5: 1.5rem;
  --spacing-2: 2rem;
  --spacing-2-5: 2.5rem;
  --spacing-3: 3rem;
  --spacing-3-5: 3.5rem;
  --spacing-4: 4rem;
  --spacing-4-25: 4.25rem;
  --spacing-4-5: 4.5rem;
  --spacing-5: 5rem;
  --spacing-6: 6rem;
  --spacing-10: 10rem;
}

@media (min-width: 576px) {
  :root {
      --font-size-h1: 27px;
      --font-size-h2: 40px;
      --font-size-h3: 24px;
      --font-size-h4: 16px;
      --font-size-body: 16px;
      --font-size-small: 12px;
      --font-size-xsmall: 10px;
  }
}

@media (min-width: 768px) {
  :root {
      --font-size-h1: 38px;
      --font-size-h2: 40px;
      --font-size-h3: 32px;
      --font-size-h4: 16px;
      --font-size-body: 16px;
      --font-size-small: 12px;
      --font-size-xsmall: 10px;
  }
}

@media (min-width: 992px) {
  :root {
      --font-size-h1: 62px;
      --font-size-h2: 40px;
      --font-size-h3: 32px;
      --font-size-h4: 24px;
      --font-size-body: 16px;
      --font-size-small: 14px;
      --font-size-xsmall: 10px;
  }
}

@media (min-width: 1200px) {
  :root {
      --font-size-h1: 70px;
      --font-size-h2: 40px;
      --font-size-h3: 32px;
      --font-size-h4: 24px;
      --font-size-body: 16px;
      --font-size-small: 14px;
      --font-size-xsmall: 10px;
  }
}

@media (min-width: 1400px) {
  :root {
      --font-size-h1: 80px;
      --font-size-h2: 40px;
      --font-size-h3: 32px;
      --font-size-h4: 24px;
      --font-size-body: 16px;
      --font-size-small: 14px;
      --font-size-xsmall: 10px;
  }
}