/* ============================================================
   01 — TOKENS
   Variabili globali: palette, misure, tipografia.
   Nessuna regola visiva qui dentro, solo valori.

   La palette e' quella di un libro illustrato rovinato:
   carta ingiallita, inchiostro bruno, rosso secco, oro spento.
   Niente colori accesi — il buio qui e' sporco, non elettrico.
   ============================================================ */

:root{

  /* ---- il cielo dietro la pagina ----
     Il blu non e' il colore finale: e' la carta del cielo, quello
     che si vede FRA i tratti. Sopra ci va il tratteggio nero
     (--penna-buio), che ai bordi lo porta quasi a nero. */
  --buio-alto:   #18224c;   /* blu notte, in alto               */
  --buio-medio:  #0e1533;
  --buio-basso:  #05070e;   /* il fondo, dove non arriva niente */
  --buio-alone:  #253063;   /* il poco chiarore attorno al foglio */
  --macchia:     #000105;   /* inchiostro colato sul cielo      */
  --ruggine:     #3a0b11;   /* la parte marcia                  */
  --penna-buio:  #01020a;   /* l'inchiostro con cui e' campito  */

  /* ---- la carta ---- */
  --carta:       #e3ddab;   /* giallina sporca, non bianca      */
  --carta-2:     #d8d19b;   /* riquadri e campiture             */
  --carta-3:     #c9c188;
  --inchiostro:  #0d0c12;
  --inchiostro-2:#3b3930;
  --grigio:      #6f6c58;
  --grigio-lieve:#a9a37e;

  /* ---- accenti ---- */
  --rosso:       #8e1114;   /* rosso secco, da macchia          */
  --rosso-vivo:  #b8241c;
  --oro:         #8a6a18;
  --viola:       #4a2f5e;

  /* ---- misure ---- */
  --colonna:     840px;
  --passo:       44px;      /* rientro orizzontale del foglio   */
  --aria:        22px;      /* buio ai lati: ci deve stare anche
                               la matassa attorno al foglio     */

  /* ---- tipografia ---- */
  --serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua",
           Georgia, "Times New Roman", serif;
  --mono:  "Courier New", Courier, monospace;
}

@media (max-width:700px){
  :root{
    /* sul telefono ogni pixel di rientro e' un carattere in meno
       per riga: qui si stringe il margine, non il testo */
    --passo: 14px;
    --aria:  16px;
  }
}