/* =====================================================
   FONTS.CSS
   ===================================================== */

/*
   BEST PRACTICE:
   Use local fonts if available.
   Falls back to system fonts for speed.
*/

:root{

--font-heading:
"Segoe UI",
"Inter",
"Roboto",
sans-serif;

--font-body:
"Roboto",
"Segoe UI",
Arial,
sans-serif;

--font-alt:
"Poppins",
"Segoe UI",
sans-serif;

}

/* HEADINGS */

h1,
h2,
h3,
h4,
h5,
h6{
    font-family:var(--font-heading);
    font-weight:700;
    letter-spacing:.5px;
}

/* BODY */

body,
p,
a,
button,
input,
textarea,
select,
li,
span{
    font-family:var(--font-body);
}

/* LOGO */

.logo span,
.mobile-logo h3{
    font-family:var(--font-alt);
    font-weight:700;
    letter-spacing:1px;
}