/* ============================================================
   ORDITRA — caratteri
   Ospitati da noi, non presi da un servizio esterno: le pagine si
   aprono più in fretta e nessun terzo vede chi visita il sito.
   Sono due varianti variabili: un file solo copre tutti i pesi.
   ============================================================ */

@font-face {
  font-family: "Archivo";
  src: url("/assets/font/archivo.woff2") format("woff2");
  font-weight: 400 800;          /* variabile: un file, tutti i pesi */
  font-style: normal;
  font-display: swap;            /* il testo si legge subito, poi si veste */
}

@font-face {
  font-family: "Instrument Sans";
  src: url("/assets/font/instrument-sans.woff2") format("woff2");
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Archivo per i titoli: è un grottesco nato per la segnaletica —
     industriale, netto, con pesi molto marcati. Sta col marchio.
     Instrument Sans per il testo: neutro e leggibile anche in piccolo,
     e i clienti leggono in una lingua che spesso non è la loro. */
  --f-titoli: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --f: "Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* I titoli grandi hanno bisogno di tracciatura negativa: alle dimensioni
   di apertura le lettere sembrano altrimenti sparpagliate. */
h1, h2, h3, .word, .brand .nm, .sum .t, .stat .v {
  font-family: var(--f-titoli);
  font-feature-settings: "ss01";
}
h1 { letter-spacing: -.038em; }
h2 { letter-spacing: -.026em; }
h3 { letter-spacing: -.014em; }

/* Numeri incolonnati ovunque compaiano prezzi e quantità. */
.price, .sum .t, .total .v, .p-prezzo > span:first-child, .p-tot b,
.stat .v, .voce .da .n, .orario .h, .qta-riga input, .qty {
  font-variant-numeric: tabular-nums;
}

body { font-family: var(--f); }