:root {
    /* typography */
    /* h1 */
    --typography-h1-bold-font-weight: 600;
    --typography-h1-bold-font-size: 32px;
    --typography-h1-bold-line-height: 38px;
    --typography-h1-regular-font-weight: 400;
    --typography-h1-regular-font-size: 32px;
    --typography-h1-regular-line-height: 38px;
    /* h2 */
    --typography-h2-bold-font-weight: 600;
    --typography-h2-bold-font-size: 24px;
    --typography-h2-bold-line-height: 32px;
    --typography-h2-semibold-font-weight: 500;
    --typography-h2-semibold-font-size: 24px;
    --typography-h2-semibold-line-height: 32px;
    --typography-h2-regular-font-weight: 400;
    --typography-h2-regular-font-size: 24px;
    --typography-h2-regular-line-height: 32px;
    /* h3 */
    --typography-h3-bold-font-weight: 600;
    --typography-h3-bold-font-size: 18px;
    --typography-h3-bold-line-height: 24px;
    --typography-h3-semibold-font-weight: 500;
    --typography-h3-semibold-font-size: 18px;
    --typography-h3-semibold-line-height: 24px;
    --typography-h3-regular-font-weight: 400;
    --typography-h3-regular-font-size: 18px;
    --typography-h3-regular-line-height: 24px;
    /* body */
    --typography-body-bold-font-weight: 600;
    --typography-body-bold-font-size: 16px;
    --typography-body-bold-line-height: 22px;
    --typography-body-semibold-font-weight: 500;
    --typography-body-semibold-font-size: 16px;
    --typography-body-semibold-line-height: 22px;
    --typography-body-regular-font-weight: 400;
    --typography-body-regular-font-size: 16px;
    --typography-body-regular-line-height: 22px;
    /* body small */
    --typography-body-small-bold-font-weight: 600;
    --typography-body-small-bold-font-size: 14px;
    --typography-body-small-bold-line-height: 18px;
    --typography-body-small-bold-letter-spacing: 0;
    --typography-body-small-regular-font-weight: 400;
    --typography-body-small-regular-font-size: 14px;
    --typography-body-small-regular-line-height: 18px;
    --typography-body-small-regular-letter-spacing: 0;
    --typography-body-small-allcaps-font-weight: 500;
    --typography-body-small-allcaps-font-size: 14px;
    --typography-body-small-allcaps-line-height: 18px;
    --typography-body-small-allcaps-letter-spacing: 0;
    /* caption */
    --typography-caption-bold-font-weight: 600;
    --typography-caption-bold-font-size: 12px;
    --typography-caption-bold-line-height: 16px;
    --typography-caption-regular-font-weight: 400;
    --typography-caption-regular-font-size: 12px;
    --typography-caption-regular-line-height: 16px;
    --typography-caption-allcaps-font-weight: 500;
    --typography-caption-allcaps-font-size: 12px;
    --typography-caption-allcaps-line-height: 16px;
    /* link */
    --typography-link-regular-font-weight: 400;
    --typography-link-regular-font-size: 16px;
    --typography-link-regular-line-height: 22px;
    --typography-link-regular-small-font-weight: 400;
    --typography-link-regular-small-font-size: 14px;
    --typography-link-regular-small-line-height: 18px;
    --typography-link-caption-font-weight: 400;
    --typography-link-caption-font-size: 12px;
    --typography-link-caption-line-height: 16px;
}