/*
 * Madmedia — main.css
 * Entry CSS. Contiene ora SOLO le dichiarazioni @font-face.
 * Gli import CSS che c'erano qui prima (style.css, _reset.css, ecc.)
 * sono stati convertiti in wp_enqueue_style() separati in inc/enqueue.php,
 * ognuno con la propria versione via mm_asset_ver() — vedi commento li'
 * per il motivo (bug di cache con @import non risolvibile con un solo
 * ?ver= su main.css). Ordine cascata preservato tramite le dipendenze
 * dichiarate in enqueue.php.
 */

/* ===========================
   GOOGLE SANS FLEX
   =========================== */

@font-face {
  font-family: 'Google Sans Flex';
  src: url('../fonts/GoogleSansFlex-VariableFont.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* ===========================
   JETBRAINS MONO
   =========================== */

@font-face {
  font-family: 'JetBrains Mono';
  src: url('../fonts/JetBrainsMono-VariableFont.woff2') format('woff2-variations');
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('../fonts/JetBrainsMono-Italic-VariableFont.woff2') format('woff2-variations');
  font-weight: 100 800;
  font-style: italic;
  font-display: swap;
}

/* ===========================
   LOTA GROTESQUE
   =========================== */

@font-face {
  font-family: 'Lota Grotesque';
  src: url('../fonts/lota-grotesque-thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lota Grotesque';
  src: url('../fonts/lota-grotesque-thin-italic.woff2') format('woff2');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Lota Grotesque';
  src: url('../fonts/lota-grotesque-extra-light.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lota Grotesque';
  src: url('../fonts/lota-grotesque-extra-light-italic.woff2') format('woff2');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Lota Grotesque';
  src: url('../fonts/lota-grotesque-light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lota Grotesque';
  src: url('../fonts/lota-grotesque-light-italic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Lota Grotesque';
  src: url('../fonts/lota-grotesque-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lota Grotesque';
  src: url('../fonts/lota-grotesque-regular-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Lota Grotesque';
  src: url('../fonts/lota-grotesque-semi-bold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lota Grotesque';
  src: url('../fonts/lota-grotesque-semi-bold-italic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Lota Grotesque';
  src: url('../fonts/lota-grotesque-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lota Grotesque';
  src: url('../fonts/lota-grotesque-bold-italic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Lota Grotesque';
  src: url('../fonts/lota-grotesque-black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lota Grotesque';
  src: url('../fonts/lota-grotesque-black-italic.woff2') format('woff2');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}