/* Color Palette */
:root {
  /* Primary Colors */
  --bb-color-black: #000;
  --bb-color-white: #fff;
  --bb-color-dark-gray: #333;
  --bb-color-light-gray: #f5f5f5;
  --bb-color-border: #e8e8e8;
  --bb-color-muted: #999;

  /* Backgrounds */
  --bb-bg-primary: #fff;
  --bb-bg-dark: #000;
  --bb-bg-light: #e8e8e8;
  --bb-bg-subtle: #f5f5f5;

  /* Text Colors */
  --bb-text-primary: #000;
  --bb-text-muted: #999;
  --bb-text-light: #fff;

  /* Semantic Colors */
  --bb-overlay-dark: rgba(0, 0, 0, 0.22);
  --bb-overlay-light: rgba(255, 255, 255, 0.1);

  /* Typography Scale — DEPRECATO (GLB-01, 2026-08-22).
     Set canonico = assets/css/00-tokens.css. Questi token NON hanno alcun uso
     in CSS/PHP/JS (audit: 0 occorrenze di var(--bb-font-size-*)/var(--bb-line-height-*)):
     restano come ALIAS ai canonici solo per retro-compatibilità. Non usarli in
     codice nuovo → usare --bb-body/--bb-small/--bb-tiny e --bb-lh-*.
     Font: DECISIONE FABIO 2026-08-22 — Futura PT abbandonata, si usa Jost
     (già caricato via functions.php:24). Swap applicato qui e sui 12 hardcoded. */
  --bb-font-family: 'Jost', sans-serif;

  /* [NEW-168] I tre nomi INVENTATI, ricondotti al token vero.

     Nel tema si scriveva `var(--bb-font-body)`, `var(--bb-font-ui)` e
     `var(--bb-font)` come se esistessero: 22 usi in tutto, e NESSUNA
     dichiarazione da nessuna parte. Valeva quindi sempre il ripiego scritto
     accanto — che nella maggior parte dei casi diceva 'Jost' e salvava la
     situazione per caso, ma in 7 punti diceva solo `sans-serif`, cioe' il
     carattere di sistema del browser. Erano tutti nel pannello Club: i tre
     titoli e QUATTRO BOTTONI, compreso "ENTRA NEL CLUB".

     Dichiararli qui chiude il buco alla radice, in un posto invece di 22:
     ogni var() che li nomina risolve a Jost, ripiego o non ripiego.

     ⚠ Sono ALIAS DEPRECATI, come i --bb-font-size-* qui sopra: nel codice
     nuovo si scrive --bb-font-family. Restano perche' cancellarli vorrebbe
     dire riscrivere 22 punti per un guadagno estetico, e ogni riscrittura e'
     un'occasione di sbagliare; ma non vanno propagati.

     LEZIONE, che vale oltre i font: un `var(--nome, ripiego)` con il nome
     sbagliato NON da' errore da nessuna parte — prende il ripiego e tira
     avanti in silenzio. Per questo era invisibile da mesi. Prima di usare un
     token si controlla che sia DICHIARATO (`grep -- '--nome:'`), non che sia
     usato (`grep 'var(--nome'`): il secondo dice solo che qualcun altro ci
     aveva creduto prima di noi. */
  --bb-font-body: var(--bb-font-family);
  --bb-font-ui: var(--bb-font-family);
  --bb-font: var(--bb-font-family);

  --bb-font-size-base: var(--bb-body);        /* era 16px → canonico 14px */
  --bb-font-size-small: var(--bb-small);       /* 12px */
  --bb-font-size-xs: var(--bb-small);          /* 12px */
  --bb-font-size-2xs: var(--bb-tiny);          /* era 11px → 10px */
  --bb-line-height-tight: var(--bb-lh-tight);
  --bb-line-height-normal: var(--bb-lh-normal);
  --bb-line-height-relaxed: var(--bb-lh-relaxed);

  /* Spacing Scale */
  --bb-spacing-xs: 8px;
  --bb-spacing-sm: 12px;
  --bb-spacing-md: 16px;
  --bb-spacing-lg: 24px;
  --bb-spacing-xl: 36px;
  --bb-spacing-2xl: 60px;

  /* Responsive Spacing (clamp) */
  --bb-padding-page: clamp(24px, 8vw, 160px);
  --bb-padding-section: clamp(60px, 8vw, 120px);
  --bb-gap-grid: 16px;
  --bb-gap-grid-sm: 12px;

  /* Transitions */
  --bb-transition-fast: 0.2s ease;
  --bb-transition-normal: 0.4s ease;
  --bb-transition-slow: 0.6s ease;
}