/*
 * QDot — il carattere del marchio, e il ripiego quando non c'è.
 *
 * Questo foglio è il **punto unico** da cui un'interfaccia prende il carattere:
 * nessun componente scrive `font-family` a mano. Sta accanto ai file `.woff2` e
 * li nomina con percorsi **relativi**, così la cartella si può copiare dove
 * serve — `public/marchio/font/`, `assets/`, qualunque posto — e continua a
 * funzionare senza ritoccare gli indirizzi.
 *
 * I tre pesi sono quelli che il sistema di design usa (`docs/reference/marchio.md`
 * §4). Regular 400, Semi 600 e Black 900 esistono nella famiglia ma non si
 * spediscono finché non c'è una schermata che li chiede: aggiungerne uno costa
 * un file e tre righe.
 *
 * `font-display: swap` è una scelta: il testo si legge subito col ripiego e il
 * carattere subentra quando è pronto. L'alternativa (`block`) tiene il testo
 * invisibile per mezzo secondo pur di non mostrare mai il ripiego — protegge il
 * marchio a spese di chi legge, e qui vince chi legge.
 */

@font-face {
  font-family: 'QDot';
  src: url('./QDot-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'QDot';
  src: url('./QDot-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'QDot';
  src: url('./QDot-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /*
   * Il ripiego non è un dettaglio: vale nei primi millisecondi di ogni pagina,
   * e vale **sempre** dove i caratteri non si caricano affatto — nelle email.
   * Si usano i caratteri di sistema, che sono già sul dispositivo di chi legge.
   */
  --qomp-carattere: 'QDot', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /*
   * QDot non ha una larghezza fissa e i valori tecnici ne hanno bisogno
   * (identificativi, seriali, orari, versioni, misure). Il v4 del marchio
   * decide di **non spedire un secondo carattere**: si usa il monospaziato del
   * sistema — `docs/reference/marchio.md` §4.
   */
  --qomp-carattere-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}