:root {
    --font-family: "Helvetica Neue", sans-serif;
    --font-style: normal;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    /* Font sizes */
    --font-size-14px: 14px;
    --font-size-15px: 15px;
    --font-size-16px: 16px;
    --font-size-18px: 18px;
    --font-size-20px: 20px;
    --font-size-22px: 22px;
    --font-size-24px: 24px;
    --font-size-32px: 32px;
}

/* Normal */
.font-32-normal {
    color: #504E4E;
    font-family: var(--font-family);
    font-size: var(--font-size-32px);
    font-style: var(--font-style);
    font-weight: var(--font-weight-normal);
}

.font-24-normal {
    color: #504E4E;
    font-family: var(--font-family);
    font-size: var(--font-size-24px);
    font-style: var(--font-style);
    font-weight: var(--font-weight-normal);
}

.font-22-normal {
    color: #504E4E;
    font-family: var(--font-family);
    font-size: 22px;
    font-style: var(--font-style);
    font-weight: var(--font-weight-normal);
}

.font-20-normal {
    color: #504E4E;
    font-family: var(--font-family);
    font-size: var(--font-size-20px);
    font-style: var(--font-style);
    font-weight: var(--font-weight-normal);
}

.font-18-normal {
    color: #504E4E;
    font-family: var(--font-family);
    font-size: var(--font-size-18px);
    font-style: var(--font-style);
    font-weight: var(--font-weight-normal);
}

.font-16-normal {
    color: #504E4E;
    font-family: var(--font-family);
    font-size: var(--font-size-16px);
    font-style: var(--font-style);
    font-weight: var(--font-weight-normal);
}

.font-15-normal {
    color: #504E4E;
    font-family: var(--font-family);
    font-size: 15px;
    font-style: var(--font-style);
    font-weight: var(--font-weight-normal);
}

.font-14-normal {
    color: #504E4E;
    font-family: var(--font-family);
    font-size: var(--font-size-14px);
    font-style: var(--font-style);
    font-weight: var(--font-weight-normal);
}

.font-12-normal {
    color: #504E4E;
    font-family: var(--font-family);
    font-size: 12px;
    font-style: var(--font-style);
    font-weight: var(--font-weight-normal);
}

/* Medium */
.font-32-medium {
    color: #504E4E;
    font-family: var(--font-family);
    font-size: var(--font-size-32px);
    font-style: var(--font-style);
    font-weight: var(--font-weight-medium);
}

.font-24-medium {
    color: #504E4E;
    font-family: var(--font-family);
    font-size: var(--font-size-24px);
    font-style: var(--font-style);
    font-weight: var(--font-weight-medium);
}

.font-22-medium {
    color: #504E4E;
    font-family: var(--font-family);
    font-size: 22px;
    font-style: var(--font-style);
    font-weight: var(--font-weight-medium);
}

.font-20-medium {
    color: #504E4E;
    font-family: var(--font-family);
    font-size: var(--font-size-20px);
    font-style: var(--font-style);
    font-weight: var(--font-weight-medium);
}

.font-18-medium {
    color: #504E4E;
    font-family: var(--font-family);
    font-size: var(--font-size-18px);
    font-style: var(--font-style);
    font-weight: var(--font-weight-medium);
}

.font-16-medium {
    color: #504E4E;
    font-family: var(--font-family);
    font-size: var(--font-size-16px);
    font-style: var(--font-style);
    font-weight: var(--font-weight-medium);
}

.font-15-medium {
    color: #504E4E;
    font-family: var(--font-family);
    font-size: 15px;
    font-style: var(--font-style);
    font-weight: var(--font-weight-medium);
}

.font-14-medium {
    color: #504E4E;
    font-family: var(--font-family);
    font-size: var(--font-size-14px);
    font-style: var(--font-style);
    font-weight: var(--font-weight-medium);
}

.font-12-medium {
    color: #504E4E;
    font-family: var(--font-family);
    font-size: 12px;
    font-style: var(--font-style);
    font-weight: var(--font-weight-medium);
}

/* Bold */
.font-32-bold {
    color: #504E4E;
    font-family: var(--font-family);
    font-size: var(--font-size-32px);
    font-style: var(--font-style);
    font-weight: var(--font-weight-bold);
}

.font-24-bold {
    color: #504E4E;
    font-family: var(--font-family);
    font-size: var(--font-size-24px);
    font-style: var(--font-style);
    font-weight: var(--font-weight-bold);
}

.font-22-bold {
    color: #504E4E;
    font-family: var(--font-family);
    font-size: 22px;
    font-style: var(--font-style);
    font-weight: var(--font-weight-bold);
}

.font-20-bold {
    color: #504E4E;
    font-family: var(--font-family);
    font-size: var(--font-size-20px);
    font-style: var(--font-style);
    font-weight: var(--font-weight-bold);
}

.font-18-bold {
    color: #504E4E;
    font-family: var(--font-family);
    font-size: var(--font-size-18px);
    font-style: var(--font-style);
    font-weight: var(--font-weight-bold);
}

.font-16-bold {
    color: #504E4E;
    font-family: var(--font-family);
    font-size: var(--font-size-16px);
    font-style: var(--font-style);
    font-weight: var(--font-weight-bold);
}

.font-15-bold {
    color: #504E4E;
    font-family: var(--font-family);
    font-size: 15px;
    font-style: var(--font-style);
    font-weight: var(--font-weight-bold);
}

.font-14-bold {
    color: #504E4E;
    font-family: var(--font-family);
    font-size: var(--font-size-14px);
    font-style: var(--font-style);
    font-weight: var(--font-weight-bold);
}

.font-12-bold {
    color: #504E4E;
    font-family: var(--font-family);
    font-size: 12px;
    font-style: var(--font-style);
    font-weight: var(--font-weight-bold);
}