/* TINA — i gettoni della linea grafica, in un file solo (docs/linea-grafica.md §2).
 *
 * **Nessun esadecimale si scrive altrove**: il giorno che la palette cambia, cambia questo file.
 * Le coppie testo/sfondo consentite, con i loro rapporti, sono nella tabella del §7 del documento,
 * e prove/test_contrasto.py le ricalcola.
 *
 * Regola corta: **il terracotta si guarda, il petrolio si legge.**
 */

/* --- i due caratteri, ospitati in casa: TINA gira in fiera, dove la rete non c'è ---------------
 * Source Serif 4 (Adobe) e Inter (The Inter Project Authors), entrambi SIL Open Font License 1.1:
 * le licenze sono accanto ai file, in font/. Se un file manca, la catena di riserva regge. */
@font-face { font-family: "Source Serif 4"; src: url("font/source-serif-4-400.woff2") format("woff2");
             font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Source Serif 4"; src: url("font/source-serif-4-600.woff2") format("woff2");
             font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("font/inter-400.woff2") format("woff2");
             font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("font/inter-600.woff2") format("woff2");
             font-weight: 600; font-style: normal; font-display: swap; }

:root {
  /* --- palette decisa il 12 settembre: non si tocca --- */
  --marchio:        #C84C3A;  /* terracotta */
  --marchio-tenue:  #E88A76;  /* terracotta chiara */
  --inchiostro:     #123C46;  /* petrolio */
  --crema:          #FFF3EC;
  --testo:          #263238;  /* ardesia */
  --attenzione:     #D9A441;  /* ocra */
  --bianco:         #FFFFFF;

  /* --- neutri caldi: sfondo, superficie, bordi --- */
  --pagina:         #FBF9F7;  /* il fondo della pagina */
  --superficie:     #FFFFFF;  /* il fondo di ogni scheda */
  --filo:           #E6DDD6;  /* bordo normale */
  --filo-forte:     #D5C8BF;  /* bordo marcato, separatore di barra */
  --filo-tenue:     #F1EBE6;  /* riga di tabella */
  --tenue:          #627073;  /* testo secondario — 4,9:1 su --pagina, 4,7:1 su --crema (§7) */
  --ocra-scura:     #8A5E0B;  /* il testo dei blocchi d'attenzione — 5,2:1 sul velo d'ocra */

  /* --- tinte derivate: nessun colore nuovo, solo mescolanze dei gettoni qui sopra --- */
  --velo-ocra:      color-mix(in srgb, var(--attenzione) 12%, var(--superficie));
  --velo-marchio:   color-mix(in srgb, var(--marchio-tenue) 14%, var(--superficie));

  /* --- caratteri --- */
  --titolo: "Source Serif 4", Charter, "Iowan Old Style", Georgia, serif;
  --corpo:  "Inter", "Segoe UI", Roboto, -apple-system, "Helvetica Neue", Arial, sans-serif;

  /* --- scala: solo questi otto valori --- */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px;
  --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px;

  /* --- un solo raggio --- */
  --raggio: 8px;         /* tutto */
  --raggio-piccolo: 6px; /* solo dentro una cella di griglia */
  /* 999px esiste solo per le pastiglie e i tondi. Nient'altro. */
}