/**
 * Design system – Primary typography (Roboto).
 * H1 36px/700, H2 28px/700, H3 22px/600, H4 14px/600 uppercase, Body 14px/400, List 14px/500.
 * Use: .ds-text-h1 | .ds-text-h2 | .ds-text-h3 | .ds-text-h4 | .ds-text-body | .ds-text-list
 */

.ds-text-h1 {
    font-family: var(--ds-font-family);
    font-weight: 700;
    font-size: var(--ds-text-h1-size);
    line-height: var(--ds-text-h1-line);
    letter-spacing: 0;
    margin: 0 0 0.5em 0;
}

.ds-text-h2 {
    font-family: var(--ds-font-family);
    font-weight: 700;
    font-size: var(--ds-text-h2-size);
    line-height: var(--ds-text-h2-line);
    letter-spacing: 0;
    margin: 0 0 0.5em 0;
}

.ds-text-h3 {
    font-family: var(--ds-font-family);
    font-weight: 600;
    font-size: var(--ds-text-h3-size);
    line-height: var(--ds-text-h3-line);
    letter-spacing: 0;
    margin: 0 0 0.5em 0;
}

.ds-text-h4 {
    font-family: var(--ds-font-family);
    font-weight: 600;
    font-size: var(--ds-text-h4-size);
    line-height: var(--ds-text-h4-line);
    letter-spacing: 0;
    text-transform: uppercase;
    margin: 0 0 0.5em 0;
}

.ds-text-body {
    font-family: var(--ds-font-family);
    font-weight: 400;
    font-size: var(--ds-text-body-size);
    line-height: var(--ds-text-body-line);
    letter-spacing: 0;
    margin: 0 0 1em 0;
}

.ds-text-list {
    font-family: var(--ds-font-family);
    font-weight: 500;
    font-size: var(--ds-text-list-size);
    line-height: var(--ds-text-list-line);
    letter-spacing: 0;
    margin: 0 0 0.5em 0;
}

.ds-text-list ul,
.ds-text-list ol {
    margin: 0 0 1em 0;
    padding-left: 1.5em;
}

.ds-text-list li {
    margin-bottom: 0.25em;
}