/* ------------------------- Design Estate Fonts ------------------------- */
@font-face {
  font-family: 'Dees Header';
  src:
    url('cal-sans/fonts/webfonts/calsans-semibold.woff2') format('woff2');
  font-weight: 200 900;
  font-display: block;
}

@font-face {
  font-family: 'Dees Code';
  font-style: normal;
  font-weight: 200 900;
  font-display: block;
  src: url('intel-one-mono/intelone-mono-font-family-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Dees Sans';
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url('geist-sans/variable-woff/geistvf.woff2') format('woff2');
  font-named-instance: 'Regular';
}

/* ----------------------- variable ----------------------- */

/* Cal Sans */
@font-face {
  font-family: 'Cal Sans';
  src:
    url('cal-sans/fonts/webfonts/calsans-semibold.woff2') format('woff2');
  font-weight: 200 900;
  font-display: block;
}

/* Geist Sans */
@font-face {
  font-family: 'Geist Sans';
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url('geist-sans/variable-woff/geistvf.woff2') format('woff2');
  font-named-instance: 'Regular';
}

/* Geist Mono */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url('geist-mono/variable-woff/geistmonovf.woff2') format('woff2');
  font-named-instance: 'Regular';
}

/* Intel One Mono */
@font-face {
  font-family: 'Intel One Mono';
  font-style: normal;
  font-weight: 200 900;
  font-display: block;
  src: url('intel-one-mono/intelone-mono-font-family-regular.woff2') format('woff2');
}

/* Inter */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url('inter/inter-roman.var.woff2') format('woff2');
  font-named-instance: 'Regular';
}

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: block;
  src: url('inter/inter-italic.var.woff2') format('woff2');
  font-named-instance: 'Italic';
}

/* ----------- experimental multi-axis variable -----------

Slant axis is not yet widely supported (as of February 2019) and thus this
multi-axis single-file variable font is opt-in rather than the default.
When using this, you will likely need to set font-variation-settings explicitly, e.g:
  * { font-variation-settings: "slnt" 0deg }
  .italic { font-variation-settings: "slnt" 10deg }
*/

@font-face {
  font-family: 'Inter var experimental';
  font-style: oblique 0deg 10deg;
  font-weight: 100 900;
  font-display: block;
  src: url('inter/inter.var.woff2') format('woff2');
}

/* Courier Prime */
@font-face {
  font-family: 'Courier Prime';
  font-weight: 400;
  font-style: normal;
  font-display: block;
  src: url('courierprime/courierprime-regular.ttf') format('opentype');
}

/* EB Garamond */
@font-face {
  font-family: 'EB Garamond';
  font-weight: 100 700;
  font-style: normal;
  font-display: block;
  src: url('eb-garamond/ebgaramond-variablefont_wght.ttf') format('opentype');
}

/* EB Garamond (italic) */
@font-face {
  font-family: 'EB Garamond';
  font-weight: 100 700;
  font-style: italic;
  font-display: block;
  src: url('eb-garamond/ebgaramond-italic-variablefont_wght.ttf') format('opentype');
}

/* Exo2 */
@font-face {
  font-family: 'Exo 2';
  font-weight: 100 700;
  font-style: normal;
  font-display: block;
  src: url('exo2/exo2-variablefont_wght.ttf') format('opentype');
}

@font-face {
  font-family: 'Exo 2';
  font-weight: 100 700;
  font-style: italic;
  font-display: block;
  src: url('exo2/exo2-italic-variablefont_wght.ttf') format('opentype');
}

/* Roboto Mono */
@font-face {
  font-family: 'Roboto';
  font-weight: 100 900;
  font-display: block;
  src: url('roboto_flex/roboto_flex.ttf') format('opentype');
}

/* Roboto Mono */
@font-face {
  font-family: 'Roboto Mono';
  font-weight: 100 700;
  font-style: normal;
  font-display: block;
  src: url('roboto_mono/robotomono-variablefont_wght.ttf') format('opentype');
}

/* Source Sans */
@font-face {
  font-family: 'Source Sans';
  font-weight: 100 700;
  font-style: normal;
  font-display: block;
  src: url('source-sans/sourcesans3vf-upright.otf') format('opentype');
}

/* Source Sans */
@font-face {
  font-family: 'Source Sans';
  font-weight: 100 700;
  font-style: normal;
  font-display: block;
  src: url('source-sans/sourcesans3vf-upright.otf') format('opentype');
}

/* Source Sans */
@font-face {
  font-family: 'Source Sans';
  font-weight: 100 700;
  font-style: italic;
  font-display: block;
  src: url('source-sans/sourcesans3vf-italic.otf') format('opentype');
}

/* Material Icons */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: normal;
  font-style: normal;
  font-display: block;
  src: url('material/material-outlined.woff2') format('woff2');
}