:root {
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
}
/*#region font sizes*/
.font-48 {
    font-size: 3rem !important;
}

.font-32 {
    font-size: 2rem !important;
}

.font-24 {
    font-size: 1.5rem !important;
}

.font-20 {
    font-size: 1.25rem !important;
}

.font-18 {
    font-size: 1.125rem !important;
}

.font-16 {
    font-size: 1rem !important;
}
[dir="rtl"] .font-16 {
    font-size: 1.125rem !important;
}

.font-14 {
    font-size: 0.875rem !important;
}

.font-12 {
    font-size: 0.75rem !important;
}

:dir(rtl) .font-12 {
    font-size: 0.875rem !important;
}


.font-10 {
    font-size: 0.625rem !important;
}

.font-8 {
    font-size: 0.5rem !important;
}

.font-6 {
    font-size: 0.4rem !important;
}
/*#endregion*/

/*#region font weight*/
.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.fw-900 {
    font-weight: 900 !important;
}
.fw-regular{
    font-weight: var(--font-weight-regular) !important;
}

.fw-medium {
    font-weight: var(--font-weight-medium) !important;
}
.fw-semibold {
    font-weight: var(--font-weight-semibold) !important;
}
/*#endregion*/

/*#region new font size*/
.mud-tab:dir(rtl) {
    font-size: 1.125rem !important;
}
/*#endregion*/

/* #region fontSize - fluid typography */
html {
    font-size: clamp(75%, 62.5% + 0.5vw, 100%);
}
/*#endregion*/