/**
 * Текстовые стили — по макету docs/design/screenshots/Компоненты/Текстовые стили
 * Только токены из tokens.css
 */

.text-styles-base {
  font-family: var(--Text-Styles-Value-font-family-master), sans-serif;
}

/* Header */
.text-h1 { font-size: var(--Text-Styles-Value-font-size-56); font-weight: 700; line-height: var(--Text-Styles-Value-line-height-56); }
.text-h2 { font-size: var(--Text-Styles-Value-font-size-36); font-weight: 700; line-height: var(--Text-Styles-Value-line-height-36); }
.text-h3 { font-size: var(--Text-Styles-Value-font-size-24); font-weight: 700; line-height: var(--Text-Styles-Value-line-height-28); }
.text-h4 { font-size: var(--Text-Styles-Value-font-size-20); font-weight: 700; line-height: var(--Text-Styles-Value-line-height-24); }
.text-h5 { font-size: var(--Text-Styles-Value-font-size-20); font-weight: 700; line-height: var(--Text-Styles-Value-line-height-18); }

/* Subheader */
.text-s1 { font-size: var(--Text-Styles-Value-font-size-18); font-weight: 700; line-height: var(--Text-Styles-Value-line-height-24); }
.text-s2 { font-size: var(--Text-Styles-Value-font-size-16); font-weight: 700; line-height: var(--Text-Styles-Value-line-height-20); }
.text-s3 { font-size: var(--Text-Styles-Value-font-size-16); font-weight: 500; line-height: var(--Text-Styles-Value-line-height-20); }
.text-s4 { font-size: var(--Text-Styles-Value-font-size-16); font-weight: 400; line-height: var(--Text-Styles-Value-line-height-20); }

/* Body */
.text-b1 { font-size: var(--Text-Styles-Value-font-size-14); font-weight: 600; line-height: var(--Text-Styles-Value-line-height-20); }
.text-b2 { font-size: var(--Text-Styles-Value-font-size-14); font-weight: 500; line-height: var(--Text-Styles-Value-line-height-20); }
.text-b3 { font-size: var(--Text-Styles-Value-font-size-14); font-weight: 400; line-height: var(--Text-Styles-Value-line-height-20); }
.text-b4 { font-size: var(--Text-Styles-Value-font-size-14); font-weight: 400; line-height: var(--Text-Styles-Value-line-height-20); }
.text-b4-link { font-size: var(--Text-Styles-Value-font-size-14); font-weight: 400; line-height: var(--Text-Styles-Value-line-height-20); text-decoration: underline; }

/* Footnote */
.text-f1 { font-size: var(--Text-Styles-Value-font-size-12); font-weight: 500; line-height: var(--Text-Styles-Value-line-height-14); }
.text-f1-strike { font-size: var(--Text-Styles-Value-font-size-12); font-weight: 500; line-height: var(--Text-Styles-Value-line-height-14); text-decoration: line-through; }
.text-f2 { font-size: var(--Text-Styles-Value-font-size-12); font-weight: 400; line-height: var(--Text-Styles-Value-line-height-14); }
.text-f3 { font-size: var(--Text-Styles-Value-font-size-10); font-weight: 600; line-height: var(--Text-Styles-Value-line-height-12); }
.text-f4 { font-size: var(--Text-Styles-Value-font-size-10); font-weight: 500; line-height: var(--Text-Styles-Value-line-height-12); }

/* Цветовая утилита */
.text-secondary { color: var(--Product-Theme-Light-text-basic-secondary); }