/* ──────────────────────────────────────────────────────────────
   DESIGN TOKENS — Studio Bonafini & Gasparini
   Fonte unica dei colori, font e misure del brand.
   Usato da: index.html (sito) + styleguide.html (brand book).
   Modifica qui = aggiorna sia il sito che le brand guidelines.
   ────────────────────────────────────────────────────────────── */

/* ─── DARK MODE (default) ─── */
:root {
  --bg:           #0b0b0b;
  --bg-card:      #111111;
  --text:         #f0ece4;
  --text-muted:   rgba(240, 236, 228, 0.50);
  --text-faint:   rgba(240, 236, 228, 0.12);
  --accent:       #b8a88a;
  --accent-dim:   rgba(184, 168, 138, 0.5);
  --border:       rgba(240, 236, 228, 0.10);
  --border-mid:   rgba(240, 236, 228, 0.18);
  --ghost-stroke: rgba(240, 236, 228, 0.055);
  --service-mask: rgba(11,11,11,0.78);
  --hero-overlay: linear-gradient(170deg, rgba(11,11,11,0.30) 0%, rgba(11,11,11,0.08) 40%, rgba(11,11,11,0.65) 72%, rgba(11,11,11,0.97) 100%);
  --mono:         'JetBrains Mono', 'Courier New', monospace;
  --sans:         'DM Sans', sans-serif;
  --nav-h:        72px;
  --max:          1440px;
  --px:           clamp(20px, 5vw, 80px);
}

/* ─── LIGHT MODE ─── */
html[data-theme="light"] {
  --bg:           #f8f6f2;
  --bg-card:      #edeae3;
  --text:         #1a1714;
  --text-muted:   rgba(26, 23, 20, 0.68);
  --text-faint:   rgba(26, 23, 20, 0.10);
  --accent:       #8a6d4a;
  --accent-dim:   rgba(138, 109, 74, 0.5);
  --border:       rgba(26, 23, 20, 0.10);
  --border-mid:   rgba(26, 23, 20, 0.20);
  --ghost-stroke: rgba(26, 23, 20, 0.042);
  --service-mask: rgba(248, 246, 242, 0.84);
  /* La hero resta scura anche in light mode (immagine immersiva): overlay scuro per leggibilità del testo */
  --hero-overlay: linear-gradient(170deg, rgba(11,11,11,0.30) 0%, rgba(11,11,11,0.08) 40%, rgba(11,11,11,0.65) 72%, rgba(11,11,11,0.97) 100%);
}