@font-face {
    font-family: "Questrial";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/static/fonts/questrial-regular.ttf") format("truetype");
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("/static/fonts/poppins-semibold.ttf") format("truetype");
}

@font-face {
    font-family: "Dancing Script";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("/static/fonts/dancing-script-semibold.ttf") format("truetype");
}

@font-face {
    font-family: "Dancing Script";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/static/fonts/dancing-script-bold.ttf") format("truetype");
}

:root {
    --font-body: "Questrial", sans-serif;
    --font-action: "Poppins", sans-serif;
    --font-handwritten: "Dancing Script", cursive;
    --font: var(--font-body);
}

body,
body :where(*:not(.material-icons):not(.material-icons-outlined):not(.material-symbols-outlined):not(.material-symbols-rounded):not(.material-symbols-sharp):not(.ph):not([class^="ph-"]):not([class*=" ph-"]):not(code):not(pre):not(kbd):not(samp)) {
    font-family: var(--text-font, var(--font-body)) !important;
}

body :is(button, .btn, label, nav a, [role="button"], input[type="submit"], input[type="button"]) {
    --text-font: var(--font-action);
    font-family: var(--font-action) !important;
    font-weight: 600;
}

body .welcomeHandwritten,
body .welcomeHandwritten * {
    --text-font: var(--font-handwritten);
    font-family: var(--font-handwritten) !important;
}