/* Gettoni della direzione C, «Carta nautica».
   Fonte: /DIREZIONE.md e l'appendice di direzione/PROPOSTE.md. Una sola copia dei valori: chi disegna una pagina
   o uno strumento li prende da qui. Nota: le tacche (cornice graduata, righello) sono SVG dentro il foglio di base
   e portano l'inchiostro scritto per esteso (#22271F), perché un data: URI non legge le variabili. */
:root {
  /* Colori */
  --carta: #E9E8DD;        /* fondi, cartigli, etichette sulla scena, testo sulle piastre scure */
  --inchiostro: #22271F;   /* testo, fili, scala graduata */
  --rosso: #B3201A;        /* il comando principale, la tappa attiva, il rombo, il record */
  --golfo: #53626C;        /* stati spenti, acqua piatta nelle mappe, attesa */
  --bianco: #FFFFFF;       /* solo il testo sopra il rosso */
  --piastra: rgba(34, 39, 31, .9); /* piastre degli strumenti e velo della pausa: tinta piatta */

  /* Caratteri (serviti da /caratteri/, licenza OFL 1.1) */
  --titoli: "Besley", Georgia, "Times New Roman", serif;          /* 700 tondo, 500 corsivo */
  --testi: "B612", Verdana, "DejaVu Sans", sans-serif;            /* 400 e 700 */
  --cifre: "B612 Mono", "DejaVu Sans Mono", Consolas, monospace;  /* 400 e 700 */

  /* Corpi */
  --c-titolo: clamp(38px, 4.9vw, 70px);   /* h1 */
  --c-sezione: clamp(27px, 3.1vw, 40px);  /* h2 */
  --c-voce: 22px;                         /* h3 */
  --c-lettura: 17px;                      /* testo di lettura */
  --c-testo: 16px;                        /* corpo di base */
  --c-menu: 15px;                         /* voci della testata, collegamenti */
  --c-nota: 14px;                         /* il minimo: mai sotto */
  --c-comando: 28px;                      /* il comando principale grande */
  --c-strumento: 28px;                    /* cifre degli strumenti di volo */

  /* Misure */
  --filo: 1px;
  --filo-forte: 2px;
  --margine: 40px;          /* margine della carta ai lati della pagina */
  --foglio-max: 1600px;     /* larghezza massima del foglio */
  --colonna: 44rem;         /* colonna di testo */
  --bersaglio: 44px;        /* altezza minima di ogni cosa che si tocca */
  --comando: 64px;          /* altezza del comando grande */
  --scala: 8px;             /* spessore della cornice graduata */
  --scala-passo: 32px;      /* tacca piena e tacca vuota */
  --righello: 14px;         /* altezza del righello: tacche ogni 10 px, lunga ogni 50 */
  --rombo: 14px;
  --aria: 26px;             /* respiro dentro i cartigli */

  /* Movimento: come l'ago di una bussola */
  --ago: linear(0, .36 8%, 1.08 22%, .94 36%, 1.03 52%, .99 70%, 1);
  --ago-comando: .9s;       /* l'ago sui comandi */
  --ago-ingresso: 1.6s;     /* l'ago all'ingresso */
  --penna: cubic-bezier(.4, 0, .2, 1);
  --penna-durata: 1.2s;     /* la rotta che si traccia */
  --secco: cubic-bezier(.2, .9, .2, 1);
  --secco-durata: .14s;     /* ogni cambio di stato */
  --premuto: 2px;           /* di quanto scende un comando premuto */
}

@media (max-width: 860px) {
  :root {
    --margine: 16px;
    --aria: 16px;
    --c-lettura: 16px;
  }
}