/*
  Типографические роли.
  Использовать ТОЛЬКО эти классы для текста. Размеры/веса/начертания
  завязаны на токены — менять можно только через токены.

  Роли отражают реальное использование в Figma:
    .t-display    — имя в шапке (64)
    .t-h1         — название проекта в карточке (40, серифный)
    .t-h2 / .t-h3 — резервные заголовочные уровни
    .t-body-lg    — подзаголовок в шапке (22)
    .t-body       — описание проекта, пресса, статистика (18)
    .t-body-sm    — текст кнопок в шапке (16)
    .t-caption    — подписи / служебный текст (14)
*/

.t-display {
    font-family: var(--font-family-display);
    font-size: var(--font-size-display);
    line-height: var(--line-height-display);
    font-weight: var(--font-weight-regular);
    letter-spacing: -0.01em;
}

.t-h1 {
    font-family: var(--font-family-display);
    font-size: var(--font-size-h1);
    line-height: var(--line-height-display);
    font-weight: var(--font-weight-regular);
}

.t-h2 {
    font-family: var(--font-family-display);
    font-size: var(--font-size-h2);
    line-height: var(--line-height-snug);
    font-weight: var(--font-weight-regular);
}

.t-h3 {
    font-family: var(--font-family-display);
    font-size: var(--font-size-h3);
    line-height: var(--line-height-snug);
    font-weight: var(--font-weight-regular);
}

.t-body-lg {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-body-lg);
    line-height: var(--line-height-body);
    font-weight: var(--font-weight-medium);
}

.t-body {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    font-weight: var(--font-weight-medium);
}

.t-body-sm {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-body-sm);
    line-height: var(--line-height-snug);
    font-weight: var(--font-weight-medium);
}

.t-caption {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-caption);
    line-height: var(--line-height-body);
    font-weight: var(--font-weight-medium);
}

/* ============ Цветовые модификаторы текста ============ */
.t-secondary { color: var(--color-text-secondary); }
.t-muted     { color: var(--color-text-muted); }
.t-accent    { color: var(--color-accent); }