/* Gettoni del disegno «Pietra e mare» (DIREZIONE.md). Cambiare qui cambia tutto il sito. */
@font-face {
  font-family: "Cormorant Garamond";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("/fonts/cormorant-garamond-latin-600-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Figtree";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/fonts/figtree-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Figtree";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("/fonts/figtree-latin-600-normal.woff2") format("woff2");
}

:root {
  /* colori */
  --pietra: #F3F0E8;          /* fondo */
  --pietra-2: #E7E2D6;        /* fondo secondario */
  --inchiostro: #17262E;      /* testo */
  --inchiostro-2: #44535B;    /* testo secondario */
  --adriatico: #1C5674;       /* link, azione principale */
  --adriatico-scuro: #143F55; /* azione premuta */
  --lecci: #2E4A36;           /* fasce piene scure */
  --tramonto: #C46A2B;        /* solo segni grandi e anelli */
  --bianco: #FFFFFF;
  --linea: #17262E33;         /* linee da 1 px */
  --fascia-scena: #F3F0E8E6;  /* fascia piena semitrasparente sopra la scena */
  --evidenza: #DCE7EC;        /* la propria riga in classifica */

  /* caratteri */
  --f-titolo: "Cormorant Garamond", "Georgia", "Times New Roman", serif;
  --f-testo: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --t-piccolo: 0.9375rem;     /* 15 px */
  --t-testo: 1.0625rem;       /* 17 px */
  --t-grande: 1.25rem;
  --t-h3: 1.75rem;
  --t-h2: clamp(2.125rem, 1.6rem + 2vw, 3rem);
  --t-h1: clamp(2.75rem, 1.8rem + 4.5vw, 5rem);

  /* misure */
  --bersaglio: 48px;
  --spazio: 1.5rem;
  --colonna: 68ch;
  --largo: 1180px;
  --bordo: 1px solid var(--linea);

  /* movimento */
  --durata: 180ms;
  --curva: cubic-bezier(0.2, 0.7, 0.2, 1);
}