/* Типографика как в siamtaskmanager (static/css/typography.css) */
.display {
    font-size: 4.25rem;
    font-weight: var(--font-weight-bold);
    line-height: 5.75rem;
}

h1, .h1 {
    font-size: 2.5rem;
    font-weight: var(--font-weight-bold);
    line-height: 3.25rem;
}

h2, .h2 {
    font-size: 2rem;
    font-weight: var(--font-weight-bold);
    line-height: 2.5rem;
}

h3, .h3 {
    font-size: 1.75rem;
    font-weight: var(--font-weight-bold);
    line-height: 2.25rem;
}

h4, .h4 {
    font-size: 1.5rem;
    font-weight: var(--font-weight-bold);
    line-height: 2rem;
}

h5, .h5 {
    font-size: 1.25rem;
    font-weight: var(--font-weight-bold);
    line-height: 1.75rem;
}

h6, .h6 {
    font-size: 1rem;
    font-weight: var(--font-weight-bold);
    line-height: 1.375rem;
}

.text-large {
    font-size: 1rem;
    line-height: 1.375rem;
}

.text-medium {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.text-small {
    font-size: 0.75rem;
    line-height: 1rem;
}

.text-semibold {
    font-weight: var(--font-weight-semibold);
}

.text-bold {
    font-weight: var(--font-weight-bold);
}

.text-grey {
    color: var(--color-grey-48);
}

.text-red {
    color: var(--color-danger-text);
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}