/* weight */
h1.font-bold, h2.font-bold, h3.font-bold, h4.font-bold, h5.font-bold, h6.font-bold,  p.font-bold, span.font-bold {
    font-family: var(--font-family-bold);
}
  
h1.font-regular, h2.font-regular, h3.font-regular, h4.font-regular, h5.font-regular, h6.font-regular,  p.font-regular, span.font-regular {
    font-family: var(--font-family-regular);
}
  
h1.font-light, h2.font-light, h3.font-light, h4.font-light, h5.font-light, h6.font-light,  p.font-light, span.font-light {
    font-family: var(--font-family-light);
}

.font-light a, .font-regular a, .font-bold a, .font-light a:hover, .font-regular a:hover, .font-bold a:hover {
    color: inherit;
    text-decoration: unset;
}

code.font-light, code.font-regular, code.font-bold {
    font-family: inherit;
    line-height: 110%;
}

code.font-light {
    font-family: var(--font-family-light);
}

code.font-regular {
    font-family: var(--font-family-regular);
}

code.font-bold {
    font-family: var(--font-family-bold);
}

.custom-component h1, .custom-component h2, .custom-component h3, .custom-component h4, .custom-component h5, .custom-component h6, .custom-component h7, .custom-component p {
    color: inherit;
    margin-bottom: 0;
} 

/* font sizes */
.font-64 { font-size: clamp(2.75rem, 1.25vw + 2.5rem, 4rem); color: inherit; line-height: inherit; }
.font-56 { font-size: clamp(2.5rem, 1vw + 2.3rem, 3.5rem); color: inherit; line-height: inherit; }
.font-48 { font-size: clamp(2.25rem, 0.75vw + 2.1rem, 3rem); color: inherit; line-height: inherit; }
.font-44 { font-size: clamp(2.25rem, 0.5vw + 2.15rem, 2.75rem); color: inherit; line-height: inherit; }
.font-40 { font-size: clamp(2rem, 0.5vw + 1.9rem, 2.5rem); color: inherit; line-height: inherit; }
.font-36 { font-size: clamp(1.75rem, 0.5vw + 1.65rem, 2.25rem); color: inherit; line-height: inherit; }
.font-32 { font-size: clamp(1.5rem, 0.5vw + 1.4rem, 2rem); color: inherit; line-height: inherit; }
.font-28 { font-size: clamp(1.25rem, 0.5vw + 1.15rem, 1.75rem); color: inherit; line-height: inherit; }
.font-24 { font-size: clamp(1rem, 0.5vw + 0.9rem, 1.5rem); color: inherit; line-height: inherit; }
.font-20 { font-size: clamp(0.875rem, 0.375vw + 0.8rem, 1.25rem); color: inherit; line-height: inherit; }
.font-16 { font-size: clamp(0.875rem, 0.125vw + 0.85rem, 1rem); color: inherit; line-height: inherit; }
.font-14 { font-size: clamp(0.75rem, 0.125vw + 0.725rem, 0.875rem); color: inherit; line-height: inherit; }
.font-12 { font-size: clamp(0.688rem, 0.063vw + 0.675rem, 0.75rem); color: inherit; line-height: inherit; }