@font-face {
    font-family: "SBSansTextItalic";
    font-weight: 400;
    src: url("/fonts/regular/SBSansText-RegularItalic.woff"),
    url("/fonts/regular/SBSansText-RegularItalic.woff2");
}

:root {
    /* headline-light-1 */
    --font-headline-light-1-family: 'SBSansDisplayLight', arial, helvetica, sans-serif;
    --font-headline-light-1-size: 74px;
    --font-headline-light-1-height: 89px;
    --font-headline-light-1-weight: 300;

    /* headline-light-2 */
    --font-headline-light-2-family: 'SBSansTextLight', arial, helvetica, sans-serif;
    --font-headline-light-2-size: 42px;
    --font-headline-light-2-height: 56px;
    --font-headline-light-2-weight: 300;

    /* headline-regular-2 */
    --font-headline-regular-2-family: 'SBSansTextRegular', arial, helvetica, sans-serif;
    --font-headline-regular-2-size: 42px;
    --font-headline-regular-2-height: 56px;
    --font-headline-regular-2-weight: 400;

    /* headline-light-3 */
    --font-headline-light-3-family: 'SBSansTextLight', arial, helvetica, sans-serif;
    --font-headline-light-3-size: 30px;
    --font-headline-light-3-height: 36px;
    --font-headline-light-3-weight: 300;

    /* headline-regular-3 */
    --font-headline-regular-3-family: 'SBSansTextRegular', arial, helvetica, sans-serif;
    --font-headline-regular-3-size: 30px;
    --font-headline-regular-3-height: 36px;
    --font-headline-regular-3-weight: 400;

    /* paragraph-light-1 */
    --font-paragraph-light-1-family: 'SBSansDisplayLight', arial, helvetica, sans-serif;
    --font-paragraph-light-1-size: 36px;
    --font-paragraph-light-1-height: 46px;
    --font-paragraph-light-1-weight: 300;

    /* title-light-1 */
    --font-title-light-1-family: 'SBSansTextLight', arial, helvetica, sans-serif;
    --font-title-light-1-size: 26px;
    --font-title-light-1-height: 32px;
    --font-title-light-1-weight: 300;

    /* title-light-2 */
    --font-title-light-2-family: 'SBSansTextLight', arial, helvetica, sans-serif;
    --font-title-light-2-size: 20px;
    --font-title-light-2-height: 26px;
    --font-title-light-2-weight: 300;

      /* title-regular-1 */
      --font-title-regular-1-family: 'SBSansTextRegular', arial, helvetica, sans-serif;
      --font-title-regular-1-size: 26px;
      --font-title-regular-1-height: 32px;
      --font-title-regular-1-weight: 400;
      --font-title-regular-1-spacing: 0%;

    /* title-regular-2 */
    --font-title-regular-2-family: 'SBSansTextRegular', arial, helvetica, sans-serif;
    --font-title-regular-2-size: 20px;
    --font-title-regular-2-height: 26px;
    --font-title-regular-2-weight: 400;

     /* title-medium-1 */
     --font-title-medium-1-family: 'SBSansTextMedium', arial, helvetica, sans-serif;
     --font-title-medium-1-size: 20px;
     --font-title-medium-1-height: 26px;
     --font-title-medium-1-weight: 500;

    /* title-medium-2 */
    --font-title-medium-2-family: 'SBSansTextMedium', arial, helvetica, sans-serif;
    --font-title-medium-2-size: 20px;
    --font-title-medium-2-height: 26px;
    --font-title-medium-2-weight: 600;

    /* title-medium-3 */
    --font-title-medium-3-family: 'SBSansTextMedium', arial, helvetica, sans-serif;
    --font-title-medium-3-size: 16px;
    --font-title-medium-3-height: 26px;
    --font-title-medium-3-weight: 600;

    /* title-medium-4 */
    --font-title-medium-4-family: 'SBSansTextMedium', arial, helvetica, sans-serif;
    --font-title-medium-4-size: 14px;
    --font-title-medium-4-height: 20px;
    --font-title-medium-4-weight: 500;

     /* title-medium-5 */
     --font-title-medium-5-family: 'SBSansTextMedium', arial, helvetica, sans-serif;
     --font-title-medium-5-size: 16px;
     --font-title-medium-5-height: 20px;
     --font-title-medium-5-weight: 500;


    /* body-light-1 */
    --font-body-light-1-family: 'SBSansTextLight', arial, helvetica, sans-serif;
    --font-body-light-1-size: 22px;
    --font-body-light-1-height: 32px;
    --font-body-light-1-weight: 300;

    /* body-regular-1 */
    --font-body-regular-1-family: 'SBSansTextRegular', arial, helvetica, sans-serif;
    --font-body-regular-1-size: 22px;
    --font-body-regular-1-height: 32px;
    --font-body-regular-1-weight: 400;

    /* body-light-2 */
    --font-body-light-2-family: 'SBSansTextLight', arial, helvetica, sans-serif;
    --font-body-light-2-size: 16px;
    --font-body-light-2-height: 24px;
    --font-body-light-2-weight: 300;

    /* body-regular-2 */
    --font-body-regular-2-family: 'SBSansTextRegular', arial, helvetica, sans-serif;
    --font-body-regular-2-size: 16px;
    --font-body-regular-2-height: 24px;
    --font-body-regular-2-weight: 400;

    /* body-medium-2 */
    --font-body-medium-2-family: 'SBSansTextMedium', arial, helvetica, sans-serif;
    --font-body-medium-2-size: 16px;
    --font-body-medium-2-height: 24px;
    --font-body-medium-2-weight: 500;


    /* body-light-3 */
    --font-body-light-3-family: 'SBSansTextLight', arial, helvetica, sans-serif;
    --font-body-light-3-size: 14px;
    --font-body-light-3-height: 20px;
    --font-body-light-3-weight: 300;

    /* body-regular-3 */
    --font-body-regular-3-family: 'SBSansTextRegular', arial, helvetica, sans-serif;
    --font-body-regular-3-size: 14px;
    --font-body-regular-3-height: 20px;
    --font-body-regular-3-weight: 400;

     /* body-regular-4 */
    --font-body-regular-4-family: 'SBSansTextRegular', arial, helvetica, sans-serif;
    --font-body-regular-4-size: 26px;
    --font-body-regular-4-height: 32px;
    --font-body-regular-4-weight: 400;
    --font-body-regular-4-spacing: 0%;

    /* body-regular-5 */
    --font-body-regular-5-family: 'SBSansTextRegular', arial, helvetica, sans-serif;
    --font-body-regular-5-size: 19px;
    --font-body-regular-5-height: 26px;
    --font-body-regular-5-weight: 400;
    --font-body-regular-5-spacing: 0%;

    /* body-medium-3 */
    --font-body-medium-3-family: 'SBSansTextMedium', arial, helvetica, sans-serif;
    --font-body-medium-3-size: 14px;
    --font-body-medium-3-height: 20px;
    --font-body-medium-3-weight: 500;


    /* label-light-1 */
    --font-label-light-1-family: 'SBSansTextLight', arial, helvetica, sans-serif;
    --font-label-light-1-size: 13px;
    --font-label-light-1-height: 16px;
    --font-label-light-1-weight: 300;

    /* label-light-2 */
    --font-label-light-2-family: 'SBSansTextLight', arial, helvetica, sans-serif;
    --font-label-light-2-size: 12px;
    --font-label-light-2-height: 16px;
    --font-label-light-2-weight: 300;

    /* label-regular-2 */
    --font-label-regular-2-family: 'SBSansTextRegular', arial, helvetica, sans-serif;
    --font-label-regular-2-size: 12px;
    --font-label-regular-2-height: 16px;
    --font-label-regular-2-weight: 500;

    /* quote-regular-1 */
    --font-quote-regular-1-family: 'SBSansTextItalic', italic, arial, helvetica, sans-serif;
    --font-quote-regular-1-size: 20px;
    --font-quote-regular-1-height: 30px;
    --font-quote-regular-1-weight: 400;

    /* quote-regular-2 */
    --font-quote-regular-2-family: 'SBSansTextItalic', italic, arial, helvetica, sans-serif;
    --font-quote-regular-2-size: 16px;
    --font-quote-regular-2-height: 24px;
    --font-quote-regular-2-weight: 400;

    /* paragraph-regular-2 */
    --font-paragraph-regular-2-family: 'SBSanDisplay', arial, helvetica, sans-serif;
    --font-paragraph-regular-2-size: 24px;
    --font-paragraph-regular-2-height: 40px;
    --font-paragraph-regular-2-weight: 400;

     /* title-semibold 2 */
     --font-title-semibold-2-family: 'SBSansText', arial, helvetica, sans-serif;
     --font-title-semibold-2-size: 18px;
     --font-title-semibold-2-height: 26px;
     --font-title-semibold-2-weight: 600;
     --font-title-semibold-2-spacing: -0.02em;

    /* title-semibold 3 */
    --font-title-semibold-3-family: 'SBSansDisplay', arial, helvetica, sans-serif;
    --font-title-semibold-3-size: 32px;
    --font-title-semibold-3-height: 40px;
    --font-title-semibold-3-weight: 600;
    --font-title-semibold-3-spacing: 0%;
    
    /* title-semibold-4 */
    --font-title-semibold-4-family: 'SBSansDisplay', arial, helvetica, sans-serif;
    --font-title-semibold-4-size: 42px;
    --font-title-semibold-4-height: 54px;
    --font-title-semibold-4-weight: 600;
    --font-title-semibold-4-spacing: 0%;

     /* caption-regular*/
     --font-caption-regular-family: 'SBSansText', arial, helvetica, sans-serif;
     --font-caption-regular-size: 12px;
     --font-caption-regular-height: 16px;
     --font-caption-regular-weight: 400;
     --font-caption-regular-spacing: -2%;

      /* link-medium-1 */
     --font-link-medium-1-family: 'SBSansText', arial, helvetica, sans-serif;
     --font-link-medium-1-size: 20px;
     --font-link-medium-1-height: 28px;
     --font-link-medium-1-weight: 500;
     --font-link-medium-1-spacing: -2%;

      /* link-medium-2 */
     --font-link-medium-2-family: 'SBSansText', arial, helvetica, sans-serif;
     --font-link-medium-2-size: 16px;
     --font-link-medium-2-height: 24px;
     --font-link-medium-2-weight: 500;
     --font-link-medium-2-spacing: -2%;

      /* headline-regular-4 */
     --font-headline-regular-4-family: 'SBSansText', arial, helvetica, sans-serif;
     --font-headline-regular-4-size: 24px;
     --font-headline-regular-4-height: 26px;
     --font-headline-regular-4-weight: 400;
     --font-headline-regular-4-spacing: 0%;
    /* legacy fonts */

    /* headline-semibold-2 */
    --font-headline-semibold-2-family: 'SBSansDisplay', arial, helvetica, sans-serif;
    --font-headline-semibold-2-size: 32px;
    --font-headline-semibold-2-height: 40px;
    --font-headline-semibold-2-weight: 600;
    --font-headline-semibold-2-spacing: -0.02em;

    /* headline-semibold-3 */
    --font-headline-semibold-3-family: 'SBSansDisplay', arial, helvetica, sans-serif;
    --font-headline-semibold-3-size: 24px;
    --font-headline-semibold-3-height: 28px;
    --font-headline-semibold-3-weight: 600;
    --font-headline-semibold-3-spacing: -0.02em;

    /* paragraph-regular */
    --font-paragraph-regular-family: 'SBSansText', arial, helvetica, sans-serif;
    --font-paragraph-regular-size: 24px;
    --font-paragraph-regular-height: 36px;
    --font-paragraph-regular-weight: 400;
    --font-paragraph-regular-spacing: -0.02em;

    /* title-semibold */
    --font-title-semibold-family: 'SBSansText', arial, helvetica, sans-serif;
    --font-title-semibold-size: 20px;
    --font-title-semibold-height: 26px;
    --font-title-semibold-weight: 600;
    --font-title-semibold-spacing: -0.02em;

    /* body-regular-2-old */
    --font-body-regular-old-2-family: 'SBSansText', arial, helvetica, sans-serif;
    --font-body-regular-old-2-size: 16px;
    --font-body-regular-old-2-height: 24px;
    --font-body-regular-old-2-weight: 400;
    --font-body-regular-old-2-spacing: -0.02em;

    /* body-semibold-2 */
    --font-body-semibold-2-family: 'SBSansText', arial, helvetica, sans-serif;
    --font-body-semibold-2-size: 16px;
    --font-body-semibold-2-height: 24px;
    --font-body-semibold-2-weight: 600;
}