/* Caramello — Font loader
 * Primary: CDN Google Fonts (già in produzione, funziona immediatamente)
 * Self-hosted: se copi i .woff2 nella stessa directory, il browser li userà automaticamente
 */

@import url('https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@500;700&family=Roboto+Mono:wght@400;500&family=Roboto:wght@300;400;500;700&display=swap');

/* Self-hosted overrides (attivi solo se i woff2 sono presenti) */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('./roboto-v48-latin-300.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./roboto-v48-latin-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./roboto-v48-latin-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./roboto-v48-latin-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./roboto-mono-v23-latin-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./roboto-mono-v23-latin-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Host Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./host-grotesk-latin-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Host Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./host-grotesk-latin-700.woff2') format('woff2');
}