@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700;800&display=swap");

@font-face {
    font-family: "Easy Annotation Fallback";
    src: url("../../front/fonts/Rubik-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Easy Annotation Fallback";
    src: url("../../front/fonts/Rubik-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Easy Annotation Fallback";
    src: url("../../front/fonts/Rubik-SemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Easy Annotation Fallback";
    src: url("../../front/fonts/Rubik-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

:root {
    --ea-site-font: "Lexend", "Easy Annotation Fallback", sans-serif;
    --font: var(--ea-site-font);
    --font-light: var(--ea-site-font);
    --font-medium: var(--ea-site-font);
    --font-semibold: var(--ea-site-font);
    --font-bold: var(--ea-site-font);
    --ea-font: var(--ea-site-font);
}

html,
body {
    font-family: var(--ea-site-font) !important;
    font-weight: 500;
    letter-spacing: 0;
}

body {
    line-height: 1.55;
}

button,
input,
select,
textarea,
optgroup,
.btn,
.form-control,
.dropdown-menu,
.modal,
.card,
.table,
.navbar,
.main-sidebar,
.main-footer {
    font-family: var(--ea-site-font) !important;
}

button,
.btn,
.nav-link,
.dropdown-item,
label,
th {
    font-weight: 600;
}

.primary-btn,
.header-login-btn .primary-btn {
    font-weight: 600 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
    font-family: var(--ea-site-font) !important;
    font-weight: 700;
}

p,
a,
li,
label,
td,
th,
button,
input,
select,
textarea {
    letter-spacing: 0;
}