/* ══════════════════════════════════════════════════════════════════════
   I.P. DON BOSCO — tokens.fonts.selfhost.css
   @font-face self-hosted (woff2 da gwfh.mranftl.com — latin + latin-ext).
   Usato dal sito vetrina (zero CDN dependency, GDPR-clean).
   File woff2 vivono in: assets/fonts/ (oggi: site/assets/css/fonts/).
   ══════════════════════════════════════════════════════════════════════ */

/* Path: relativo a questo file. tokens/ → ../site/assets/css/fonts/.
   Usare direttamente da site/index.html con
       <link rel="stylesheet" href="/tokens/tokens.fonts.selfhost.css">
   funziona perché il path è risolto rispetto al document, non al CSS.
   Quindi serve un secondo path-mode quando importato da CSS via @import.
   Soluzione: questo file aspetta i woff2 a /assets/css/fonts/ relativo
   al document root del sito (Cloudflare Pages serve site/ come root). */

@font-face {
  font-family: 'Playfair Display';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('/assets/css/fonts/playfair-display-v40-latin_latin-ext-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal; font-weight: 500; font-display: swap;
  src: url('/assets/css/fonts/playfair-display-v40-latin_latin-ext-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal; font-weight: 600; font-display: swap;
  src: url('/assets/css/fonts/playfair-display-v40-latin_latin-ext-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: italic; font-weight: 400; font-display: swap;
  src: url('/assets/css/fonts/playfair-display-v40-latin_latin-ext-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: italic; font-weight: 500; font-display: swap;
  src: url('/assets/css/fonts/playfair-display-v40-latin_latin-ext-500italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: italic; font-weight: 600; font-display: swap;
  src: url('/assets/css/fonts/playfair-display-v40-latin_latin-ext-600italic.woff2') format('woff2');
}

@font-face {
  font-family: 'EB Garamond';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('/assets/css/fonts/eb-garamond-v32-latin_latin-ext-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'EB Garamond';
  font-style: normal; font-weight: 500; font-display: swap;
  src: url('/assets/css/fonts/eb-garamond-v32-latin_latin-ext-500.woff2') format('woff2');
}
@font-face {
  font-family: 'EB Garamond';
  font-style: normal; font-weight: 600; font-display: swap;
  src: url('/assets/css/fonts/eb-garamond-v32-latin_latin-ext-600.woff2') format('woff2');
}
@font-face {
  font-family: 'EB Garamond';
  font-style: italic; font-weight: 400; font-display: swap;
  src: url('/assets/css/fonts/eb-garamond-v32-latin_latin-ext-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'EB Garamond';
  font-style: italic; font-weight: 500; font-display: swap;
  src: url('/assets/css/fonts/eb-garamond-v32-latin_latin-ext-500italic.woff2') format('woff2');
}

/* Cinzel — lapidaria romana, solo per palette cool (sito vetrina) */
@font-face {
  font-family: 'Cinzel';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('/assets/css/fonts/cinzel-v26-latin-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Cinzel';
  font-style: normal; font-weight: 600; font-display: swap;
  src: url('/assets/css/fonts/cinzel-v26-latin-regular.woff2') format('woff2');
}