/*------------------------------------*\
  # FONT IMPORTS
\*------------------------------------*/

@font-face {
   font-family: "Libertinus Serif";
   src: url("/assets/fonts/LibertinusSerif/LibertinusSerif-Regular.woff2")format("woff2"),
        url("/assets/fonts/LibertinusSerif/LibertinusSerif-Regular.ttf") format("truetype");
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: "Libertinus Serif";
   src: url("/assets/fonts/LibertinusSerif/LibertinusSerif-Italic.woff2")format("woff2"),
        url("/assets/fonts/LibertinusSerif/LibertinusSerif-Italic.ttf")format("truetype");
   font-weight: normal;
   font-style: italic;
}

@font-face {
   font-family: "Libertinus Serif";
   src: url("/assets/fonts/LibertinusSerif/LibertinusSerif-Bold.woff2") format("woff2"),
        url("/assets/fonts/LibertinusSerif/LibertinusSerif-Bold.ttf") format("truetype");
   font-weight: bold;
   font-style: normal;
}



@font-face {
   font-family: "Inter";
   src: url("/assets/fonts/Inter/Inter-Regular.woff2")format("woff2"),
        url("/assets/fonts/Inter/Inter-Regular.woff")format("woff"),
        url("/assets/fonts/Inter/Inter-Regular.otf");
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: "Inter";
   src: url("/assets/fonts/Inter/Inter-Italic.woff2")format("woff2"),
        url("/assets/fonts/Inter/Inter-Italic.woff")format("woff"),
        url("/assets/fonts/Inter/Inter-Italic.otf");
   font-weight: normal;
   font-style: italic;
}

@font-face {
   font-family: "Inter";
   src: url("/assets/fonts/Inter/Inter-Bold.woff2")format("woff2"),
        url("/assets/fonts/Inter/Inter-Bold.woff")format("woff"),
        url("/assets/fonts/Inter/Inter-Bold.otf");
   font-weight: bold;
   font-style: normal;
}



@font-face {
   font-family: "Liberation Mono";
   src: url("/assets/fonts/LiberationMono/LiberationMono-Regular.ttf");
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: "Liberation Mono";
   src: url("/assets/fonts/LiberationMono/LiberationMono-Italic.ttf");
   font-weight: normal;
   font-style: italic;
}

@font-face {
   font-family: "Liberation Mono";
   src: url("/assets/fonts/LiberationMono/LiberationMono-Bold.ttf");
   font-weight: bold;
   font-style: normal;
}



/*------------------------------------*\
  # FONT FAMILIES
\*------------------------------------*/

$font-serif: "Libertinus Serif", "Times New Roman", Georgia, serif;
$font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", DejaVu-Sans, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
$font-mono: "Liberation Mono", monospace;



/*------------------------------------*\
  # FONT-FAMILY values
\*------------------------------------*/

$fontfamily-body: $font-sans;
$fontfamily-header: $font-serif;

$fontfamily-code: $font-mono;



/*------------------------------------*\
  # FONT SIZES
\*------------------------------------*/

$fontsize-body: 100%; // 1rem; 16px by browser default
$lineheight-body: 1.75; // baseline of 16 * 1.75 = 28px

/* Aligned to a major third (1.250) scale. */
$fontsize-small: 0.8em; // 12.8px
$fontsize-med: 1.563em; // 25px
$fontsize-large: 1.953em; // 31.25px
$fontsize-larger: 2.441em; // 39.06px
$fontsize-mega: 3.052em; // 48.83px



/*------------------------------------*\
  # FONT-SIZE values
\*------------------------------------*/

$fontsize-h1: $fontsize-mega;
$fontsize-h2: $fontsize-large;
$fontsize-h3: $fontsize-med;