/* =============================================================================
   ZAIRA OFFICINA — Design Tokens
   ─────────────────────────────────────────────────────────────────────────────
   Tutte le variabili globali del progetto.
   ✏️  Per cambiare colori, font o spaziature: modifica SOLO questo file.
   ============================================================================= */

:root {

  /* ── COLORI ────────────────────────────────────────────────────────────── */
  --bg:       #111008;     /* sfondo principale (quasi nero caldo) */
  --bg2:      #1a1a12;     /* sfondo alternativo sezioni scure */
  --accent:   #e8a227;     /* arancio/oro — colore primario brand */
  --accent2:  #c4420f;     /* arancio rosso — usato per strikethrough hero */
  --white:    #f0ede6;     /* bianco caldo — testo principale */
  --muted:    #6b6858;     /* grigio caldo — testo secondario / label */
  --border:   #2a2820;     /* colore dei bordi / separatori */
  --text-mid: #9a9580;     /* testo paragrafo, livello intermedio */
  --text-low: #8a8778;     /* testo ancora più sottile, descrizioni */

  /* ── TIPOGRAFIA ────────────────────────────────────────────────────────── */
  --font-display:  'Barlow Condensed', sans-serif;  /* titoli, numeri, UI bold */
  --font-body:     'Barlow', sans-serif;            /* testo corrente */
  --font-mono:     'Courier Prime', monospace;      /* label, tag, codice */

  /* ── SPAZIATURA SEZIONI ─────────────────────────────────────────────────── */
  --section-pad-v: 6rem;    /* padding verticale sezioni */
  --section-pad-h: 3rem;    /* padding orizzontale sezioni */
  --max-width:     1280px;  /* larghezza massima layout */
  --grid-gap:      1px;     /* gap griglia (usa border come separatore) */

  /* ── BORDI E RAGGI ──────────────────────────────────────────────────────── */
  --radius: 0;              /* design sharp, nessun arrotondamento */

  /* ── TRANSIZIONI ────────────────────────────────────────────────────────── */
  --transition-fast:   0.2s ease;
  --transition-medium: 0.3s ease;
  --transition-slow:   0.4s ease;

  /* ── Z-INDEX SCALA ──────────────────────────────────────────────────────── */
  --z-nav:   100;
  --z-noise: 1000;
}