body {
    line-height: var(--font-line-height-base);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-regular);
}

body.lang-fa {
    font-family: var(--font-family-fa-primary);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.3;
    font-weight: var(--font-weight-bold);
    color: var(--color-text-strong);
    margin: 0;
}

h1 {
    font-size: var(--font-size-20);
}

h2 {
    font-size: var(--font-size-18);
}

h3 {
    font-size: var(--font-size-16);
}

h4,
h5,
h6 {
    font-size: var(--font-size-14);
}

p,
li,
dd,
label,
input,
select,
textarea,
button,
th,
td {
    font-size: var(--font-size-14);
    line-height: var(--font-line-height-base);
}

p,
li,
dd {
    color: var(--color-text-base);
    font-weight: var(--font-weight-regular);
}

small,
.field__hint,
.data-table__muted,
.shell-header__brand-copy span {
    font-size: var(--font-size-12);
    line-height: 1.4;
    color: var(--color-text-secondary);
    font-weight: var(--font-weight-regular);
}

strong,
b,
thead th,
.card h2,
.card h3,
.card__topline strong {
    font-weight: var(--font-weight-bold);
    color: var(--color-text-strong);
}

.eyebrow {
    color: var(--color-accent);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-bold);
}

.lede {
    max-width: 70ch;
    font-size: var(--font-size-16);
    color: var(--color-text-secondary);
}