/*
 * Token di design. I valori qui sono quelli del template predefinito «Studio» (core/identita.py)
 * e servono solo di riserva: i colori e i caratteri dell'identità del sito (Impostazioni → Identità del sito) vengono
 * scritti nella pagina e sostituiscono questi.
 * Accenti: 1 principale (pulsanti, link attivi), 2 secondario, 3 terziario (focus, link nei testi).
 * Le varianti -rgb servono alle trasparenze: rgba(var(--c-accento-1-rgb), 0.25).
 */
:root {
  /* Palette */
  --c-sfondo: #F7F8FA;
  --c-sfondo-rgb: 247, 248, 250;
  --c-superficie: #FFFFFF;
  --c-superficie-rgb: 255, 255, 255;
  --c-linea: #DDE1E8;
  --c-accento-1: #1F3A5F;
  --c-accento-1-rgb: 31, 58, 95;
  --c-accento-2: #896B34;
  --c-accento-2-rgb: 137, 107, 52;
  --c-accento-3: #2F62A0;
  --c-accento-3-rgb: 47, 98, 160;
  --c-testo: #1A2230;
  --c-testo-rgb: 26, 34, 48;
  --c-testo-2: #565F70;
  /* Testo leggibile sopra ciascun accento (pulsanti, etichette) */
  --c-su-accento-1: #FFFFFF;
  --c-su-accento-2: #FFFFFF;
  --c-su-accento-3: #FFFFFF;

  /* Font */
  --f-titoli: "Inter", system-ui, sans-serif;
  --f-testo: "Inter", system-ui, sans-serif;

  /* Misure */
  --larghezza-max: 1160px;
  --margine: clamp(16px, 4vw, 32px);
  --raggio: 6px;
  --spazio-sezione: clamp(64px, 10vw, 120px);
  --altezza-header: 64px;
}