@font-face {
    font-family: 'Inter';
    font-weight: 200;
    src: url('Inter-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'Inter';
    font-weight: 200;
    font-style: italic;
    font-variation-settings: 'slnt' -10;
    src: url('Inter-Thin.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-weight: 300;
    src: url('Inter-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Inter';
    font-weight: 300;
    font-style: italic;
    font-variation-settings: 'slnt' -10;
    src: url('Inter-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-weight: 400;
    src: url('Inter-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Inter';
    font-weight: 400;
    font-style: italic;
    font-variation-settings: 'slnt' -10;
    src: url('Inter-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-weight: 500;
    src: url('Inter-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Inter';
    font-weight: 500;
    font-style: italic;
    font-variation-settings: 'slnt' -10;
    src: url('Inter-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-weight: 600;
    src: url('Inter-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Inter';
    font-weight: 600;
    font-style: italic;
    font-variation-settings: 'slnt' -10;
    src: url('Inter-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter';
    font-weight: 700;
    src: url('Inter-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Inter';
    font-weight: 700;
    font-style: italic;
    font-variation-settings: 'slnt' -10;
    src: url('Inter-ExtraBold.ttf') format('truetype');
}

:root,
html {
    --custom-font: "Inter" !important;
    --mat-sys-brand-font-family: var(--custom-font), helvetica, sans-serif, arial, serif !important;
    --mat-sys-plain-font-family: var(--custom-font), helvetica, sans-serif, arial, serif !important;
}