/* ==========================================================
   Audace Club Boschese 1928 — design token
   Fonte unica per il sito (site.css), il caso studio (brandbook.css) e le pagine del CMS.
   Gli stessi valori sono in assets/tokens.json (formato Design Tokens, per Figma e altri strumenti).
   ========================================================== */
:root {
  /* ---------- colore: palette ufficiale ---------- */
  --verde:  #107947;   /* Verde Audace */
  --bosco:  #1E4430;   /* Bosco: sfondo principale */
  --gelso:  #185A3A;   /* Gelso */
  --pietra: #D3D2C4;   /* Pietra */
  --avorio: #FFFDE9;   /* Avorio */
  --oro:    #BDA360;   /* Oro: accento, centenario */
  --ink:    #12291D;   /* bosco profondo (ombre, fondi video) */
  --nero:   #0A0E0C;   /* fondo dei video prima del caricamento */
  /* canali RGB, per le trasparenze: rgb(var(--bosco-rgb) / .5) */
  --verde-rgb:  16 121 71;
  --bosco-rgb:  30 68 48;
  --gelso-rgb:  24 90 58;
  --pietra-rgb: 211 210 196;
  --avorio-rgb: 255 253 233;
  --oro-rgb:    189 163 96;
  --ink-rgb:    18 41 29;

  /* ---------- colore: ruoli ---------- */
  --line-d:   rgb(var(--avorio-rgb) / .18);   /* linee su fondo scuro */
  --line-l:   rgb(var(--bosco-rgb) / .2);     /* linee su fondo chiaro */
  --line-ctl: rgb(var(--avorio-rgb) / .4);    /* contorni dei controlli su fondo scuro */
  /* nomi storici del sito e del CMS */
  --green: var(--bosco);
  --green-2: var(--gelso);
  --emerald: var(--verde);
  --gold: var(--oro);
  --cream: var(--avorio);
  --cream-dim: var(--pietra);

  /* ---------- carattere ---------- */
  --f-display: 'Rector', Georgia, serif;                       /* titoli, sempre maiuscolo */
  --f-body: 'Helvetica Neue', Helvetica, Arial, sans-serif;     /* testi e informazioni */
  --f-pivs: 'PIVS', var(--f-display);                           /* il carattere del club */

  /* ---------- dimensioni del testo ---------- */
  --fs-meta: 12px;      /* etichette maiuscole */
  --fs-xs: 13px;
  --fs-s: 14px;
  --fs-sm: 15px;
  --fs-body: 16px;
  --fs-m: 17px;
  --fs-lead: clamp(18px, 1.55vw, 24px);
  --fs-display-m: clamp(30px, 3.4vw, 56px);
  --fs-display-l: clamp(46px, 7.4vw, 132px);
  --fs-display-xl: clamp(54px, 10.5vw, 190px);

  /* ---------- spazio e griglia ---------- */
  --gut: clamp(16px, 4vw, 64px);           /* margine laterale e spazio tra colonne */
  --pad: var(--gut);                       /* nome storico del sito */
  --grid-w: 1440px;                        /* griglia dei contenuti */
  --edge: max(var(--gut), calc((100vw - var(--grid-w)) / 2 + var(--gut)));   /* margine esterno: oltre 1440 il contenuto si centra */
  --sec-y: clamp(88px, 15vh, 168px);       /* padding verticale di ogni sezione */
  --head-gap: clamp(44px, 8vh, 88px);      /* tra intestazione e contenuto */

  /* ---------- forme ---------- */
  --r-pill: 99px;
  --r-round: 50%;

  /* ---------- movimento ---------- */
  --ease: cubic-bezier(.2, .7, .1, 1);
  --dur-200: .2s;
  --dur-300: .3s;
  --dur-350: .35s;
  --dur-400: .4s;
  --dur-500: .5s;
  --dur-600: .6s;
  --dur-800: .8s;
  --dur-1100: 1.1s;

  /* ---------- icone (font ACB Icons, assets/icons.css): il valore è il glifo ---------- */
  --icon-monogram: "\e001";
  --icon-seal: "\e002";
  --icon-wordmark: "\e003";
  --icon-centenary: "\e004";
  --icon-societas: "\e005";
  --icon-crest: "\e006";
  --icon-arrow-right: "\e007";
  --icon-arrow-left: "\e008";
  --icon-arrow-up: "\e009";
  --icon-arrow-down: "\e00a";
  --icon-arrow-up-right: "\e00b";
  --icon-menu: "\e00c";
  --icon-close: "\e00d";
  --icon-plus: "\e00e";
  --icon-minus: "\e00f";
  --icon-play: "\e010";
  --icon-check: "\e011";
  --icon-download: "\e012";
}