/* Sinapio — tipografia 1.4
   Le istanze statiche sono già fissate sul peso e sull'asse ottico corretti.
   Non usare i file variabili in font/ senza impostare il peso:
   SourceCodePro.ttf si apre a 200 ExtraLight. */

@font-face {
  font-family: "Inter Sinapio";
  src: url("instances/Inter-Regular.ttf") format("truetype");
  font-weight: 420;
  font-style: normal;
}
@font-face {
  font-family: "Inter Sinapio";
  src: url("instances/Inter-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Inter Sinapio";
  src: url("instances/Inter-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Inter Sinapio";
  src: url("instances/Inter-Italic.ttf") format("truetype");
  font-weight: 420;
  font-style: italic;
}
@font-face {
  font-family: "Inter Sinapio Prodotto";
  src: url("instances/Inter-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Inter Sinapio Display";
  src: url("instances/Inter-Display.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "Source Serif Sinapio";
  src: url("instances/SourceSerif4-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Source Serif Sinapio";
  src: url("instances/SourceSerif4-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Source Serif Sinapio";
  src: url("instances/SourceSerif4-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Source Code Sinapio";
  src: url("instances/SourceCodePro-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Source Code Sinapio";
  src: url("instances/SourceCodePro-SemiBold.ttf") format("truetype");
  font-weight: 600;
}

:root {
  --font-ui: "Inter Sinapio", system-ui, sans-serif;
  --font-display: "Inter Sinapio Display", "Inter Sinapio", system-ui, sans-serif;
  --font-text: "Source Serif Sinapio", Georgia, serif;
  --font-code: "Source Code Sinapio", ui-monospace, monospace;
  --font-prodotto: "Inter Sinapio Prodotto", "Inter Sinapio", system-ui, sans-serif;

  --peso-titolo: 500;
  --peso-occhiello: 600;
  --peso-forte: 500;
  --peso-ui: 420;
  --peso-testo: 400;
  --peso-enfasi: 600;
  --peso-codice: 400;
  --peso-prodotto: 800;
}

/* Ruoli */

.sinapio-titolo {
  font-family: var(--font-display);
  font-weight: var(--peso-titolo);
  letter-spacing: -0.015em;
  line-height: 1.05;
}

.sinapio-occhiello {
  font-family: var(--font-ui);
  font-weight: var(--peso-occhiello);
  text-transform: uppercase;
  letter-spacing: 0.16em;
}

.sinapio-forte {
  font-family: var(--font-ui);
  font-weight: var(--peso-forte);
}

.sinapio-ui {
  font-family: var(--font-ui);
  font-weight: var(--peso-ui);
}

.sinapio-testo {
  font-family: var(--font-text);
  font-weight: var(--peso-testo);
  line-height: 1.55;
}

.sinapio-testo strong,
.sinapio-enfasi {
  font-weight: var(--peso-enfasi);
}

/* Nome di prodotto — unica eccezione alla scala: 800 corsivo */
.sinapio-prodotto {
  font-family: var(--font-prodotto);
  font-weight: var(--peso-prodotto);
  font-style: italic;
}

.sinapio-codice,
.sinapio-numero {
  font-family: var(--font-code);
  font-weight: var(--peso-codice);
  font-variant-numeric: tabular-nums;
}

/* Se preferisci servire i file variabili sul web, dichiarali così —
   ma il peso va sempre impostato, altrimenti il codice esce a 200. */

/*
@font-face {
  font-family: "Inter var";
  src: url("Inter.ttf") format("truetype-variations");
  font-weight: 100 900;
}
@font-face {
  font-family: "Source Code Pro var";
  src: url("SourceCodePro.ttf") format("truetype-variations");
  font-weight: 200 900;
}
*/