@import url('textstyles/label.css');

@import url('textstyles/c1-captions.css');

@import url('textstyles/c2-captions.css');

@import url('textstyles/h1-headline.css');

@import url('textstyles/h2-headline.css');

@import url('textstyles/h3-headline.css');

@import url('textstyles/h4-headline.css');

@import url('textstyles/h5-headline.css');

@import url('textstyles/h6-headline.css');

@import url('textstyles/p1-paragraph.css');

@import url('textstyles/p2-paragraph.css');

@import url('textstyles/ps1-paragraph.css');

@import url('textstyles/ps2-paragraph.css');

@import url('textstyles/s1-subtitle.css');

@import url('textstyles/s2-subtitle.css');

@import url('textstyles/tabbar.css');

@import url('textstyles/xl-headline.css');




/* c1 caption */
.c1-caption-basic-200.light {
    color: var(--basic-light-200);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-basic-200.dark {
    color: var(--basic-dark-200);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}

/* c2 caption */
.c2-caption-basic-700.dark {
    color: var(--basic-dark-700);
    font-size: 12px;
    text-transform: none;
    font-weight: 400;
}
.c2-caption-basic-700.light {
    color: var(--basic-light-700);;
    font-size: 12px;
    text-transform: none;
    font-weight: 400;
}

/* h4 headline web */
.h4-headline-basic-700.dark {
    color: var(--basic-light-700);
    font-size: 34px;
    text-transform: none;
    font-weight: 500;
}
.h4-headline-basic-700.light {
    color: var(--basic-light-700);
    font-size: 34px;
    text-transform: none;
    font-weight: 500;
}

/* h5 headline web */
.h6-headline-web-basic-100.light {
    color: var(--basic-light-100);
    font-size: 24px;
    text-transform: none;
    font-weight: 700;
}

.h6-headline-web-basic-100.dark {
    color: var(--basic-dark-100);
    font-size: 24px;
    text-transform: none;
    font-weight: 700;
}

/* h6 headline web */
.h6-headline-web-basic-600.light {
    color: var(--basic-light-600);
    font-size: 20px;
    text-transform: none;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 120%;
}

.h6-headline-web-basic-600.dark {
    color: var(--basic-dark-600);
    font-size: 20px;
    text-transform: none;
    font-weight: 700;
}

.h6-headline-web-basic-700.light {
    color: var(--basic-light-700);
    font-size: 20px;
    text-transform: none;
    font-weight: 700;
}

.h6-headline-web-basic-700.dark {
    color: var(--basic-dark-700);
    font-size: 20px;
    text-transform: none;
    font-weight: 700;
}

.h6-headline-web-basic-900.light {
    color: var(--basic-light-900);
    font-size: 20px;
    text-transform: none;
    font-weight: 700;
}

.h6-headline-web-basic-900.dark {
    color: var(--basic-dark-900);
    font-size: 20px;
    text-transform: none;
    font-weight: 700;
}

.h6-headline-web-primary-01-600.light {
    color: var(--primary-01-light-600);
    font-size: 20px;
    text-transform: none;
    font-weight: 700;
}

.h6-headline-web-primary-01-600.dark {
    color: var(--primary-01-dark-600);
    font-size: 20px;
    text-transform: none;
    font-weight: 700;
}

.h6-headline-basic-700.dark {
    color: var(--basic-dark-700);
    font-size: 16px;
    text-transform: none;
    font-weight: 900;
}

.h6-headline-basic-700.light {
    color: var(--basic-light-700);
    font-size: 16px;
    text-transform: none;
    font-weight: 900;
}

/* h6 headline mobile */
.h6-headline-mobile-basic-600.light {
    color: var(--basic-light-600);
    font-size: 16px;
    text-transform: none;
    font-weight: 700;
}
.h6-headline-mobile-basic-600.dark {
    color: var(--basic-light-600);
    font-size: 16px;
    text-transform: none;
    font-weight: 700;
}

.h6-headline-mobile-basic-900.light {
    color: var(--basic-light-900);
    font-size: 16px;
    text-transform: none;
    font-weight: 700;
}
.h6-headline-mobile-basic-900.dark {
    color: var(--basic-light-900);
    font-size: 16px;
    text-transform: none;
    font-weight: 700;
}


/* p1 paragraph */
.p1-paragraph-basic-600.light {
    color: var(--basic-light-600);
}

.p1-paragraph-basic-600.dark {
    color: var(--basic-dark-600);
}

.p1-paragraph-basic-700.light {
    color: var(--basic-light-700);
    font-weight: 500;
}

.p1-paragraph-basic-700.dark {
    color: var(--basic-dark-700);
    font-weight: 500;
}

.p1-paragraph-basic-900.light {
    color: var(--basic-light-900);
    font-weight: 500;
}

.p1-paragraph-basic-900.dark {
    color: var(--basic-dark-900);
    font-weight: 500;
}

/* p2 paragraph */

.p2-paragraph-basic-600.light {
    color: var(--basic-light-600);
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
}

.p2-paragraph-basic-600.dark {
    color: var(--basic-dark-600);
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
}

.p2-paragraph-basic-700.light {
    color: var(--basic-light-700);
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
}

.p2-paragraph-basic-700.dark {
    color: var(--basic-dark-700);
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
}

.p2-paragraph-basic-800.light {
    color: var(--basic-light-800);
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
}

.p2-paragraph-basic-800.dark {
    color: var(--basic-dark-800);
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
}

.p2-paragraph-primary-01-600.light {
    color: var(--primary-01-light-600);
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
  }
.p2-paragraph-primary-01-600.dark {
    color: var(--primary-01-dark-600);
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
}


/* ps1 paragraph */
.ps1-paragraph-basic-500.light {
    color: var(--basic-light-500);
    font-size: 16px;
    text-transform: none;
    font-weight: 700;
}
.ps1-paragraph-basic-500.dark {
    color: var(--basic-dark-500);
    font-size: 16px;
    text-transform: none;
    font-weight: 700;
}
.ps1-paragraph-basic-600.light {
    color: var(--basic-light-600);
    font-size: 16px;
    text-transform: none;
    font-weight: 700;
}
.ps1-paragraph-basic-600.dark {
    color: var(--basic-dark-600);
    font-size: 16px;
    text-transform: none;
    font-weight: 700;
}


.ps1-paragraph-basic-600.light {
    color: var(--basic-light-600);
    font-size: 16px;
    text-transform: none;
    font-weight: 700;
}
.ps1-paragraph-basic-600.dark {
    color: var(--basic-dark-600);
    font-size: 16px;
    text-transform: none;
    font-weight: 700;
}

.ps1-paragraph-basic-700.light {
    color: var(--basic-light-700);
    font-size: 16px;
    text-transform: none;
    font-weight: 700;
}
.ps1-paragraph-basic-700.dark {
    color: var(--basic-dark-700);
    font-size: 16px;
    text-transform: none;
    font-weight: 700;
}


/* ps2 paragraph */
.ps2-paragraph-basic-600.light {
    color: var(--basic-light-600);
    font-size: 14px;
    text-transform: none;
    font-weight: 700;
}

.ps2-paragraph-basic-600.dark {
    color: var(--basic-dark-600);
    font-size: 14px;
    text-transform: none;
    font-weight: 700;
}


.ps2-paragraph-primary-01-500.light {
    color: var(--primary-01-light-500);
    font-size: 14px;
    text-transform: none;
    font-weight: 700;
}

.ps2-paragraph-primary-01-500.dark {
    color: var(--primary-01-dark-500);
    font-size: 14px;
    text-transform: none;
    font-weight: 700;
}