/* =========================================
   FONTS — INTER VARIABLE
========================================= */

@font-face {
    font-family: "Inter";
    src: url("/assets/fonts/InterVariable.woff2")
         format("woff2");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("/assets/fonts/InterVariable-Italic.woff2")
         format("woff2");
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
}

/* =========================================
   FONTS — CORMORANT GARAMOND VARIABLE
========================================= */

@font-face {
    font-family: "Cormorant Garamond";
    src: url("/assets/fonts/cormorant-garamond-normal-variable.woff2")
         format("woff2");
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
}

@font-face {
    font-family: "Cormorant Garamond";
    src: url("/assets/fonts/cormorant-garamond-italic-variable.woff2")
         format("woff2");
    font-style: italic;
    font-weight: 300 700;
    font-display: swap;
}


:root {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
}

button,
input,
textarea,
select {
    font: inherit;
}