/*
===============================================
🎨 VARIABLES.CSS — Vetrineshop
Variabili CSS globali usate in tutto il progetto
Utilizza :root per compatibilità cross-browser
Aggiornato: oggi
===============================================
*/

:root{
  /* ======================================================
     🔤 Tipografia base
     ====================================================== */
  --font-base: 'Helvetica Neue', sans-serif;
  --font-heading: var(--font-base);
  --font-size-base: 16px;

  /* ======================================================
     🎨 Colori base
     ====================================================== */
  --color-text: #111;
  --heading-color: #111;

  /* Accent: resta disponibile per badge/CTA/elementi attivi */
  --color-accent: #db4a2f;
  --color-lightgray: #f5f5f5;

  /* ======================================================
     📐 Layout
     ====================================================== */
  --max-width: 1280px;      /* larghezza massima contenuti */
  --spacing: 40px;          /* padding laterale standard */

  /* ======================================================
     🔗 Link pubblici (definitivi)
     - I link globali NON devono per forza essere accent
     - L'accent resta per CTA/badge
     ====================================================== */
  --link-color: #0f172a;
  --link-hover: #000;

  /* ======================================================
     🧱 Tipografia headings (baseline)
     ====================================================== */
  --heading-weight-regular: 400;
  --heading-weight-semibold: 600;
  --heading-weight-bold: 700;
  --heading-mb: 0.5em;

  /* Dimensioni fluide (baseline)
     (se vuoi “meno urlati” lo regoliamo dopo con prove) */
  --h1-size: clamp(2rem, 1.4rem + 2.5vw, 3rem);
  --h2-size: clamp(1.6rem, 1.2rem + 1.8vw, 2.2rem);
  --h3-size: clamp(1.3rem, 1.05rem + 1.2vw, 1.7rem);
  --h4-size: clamp(1.15rem, 1rem + 0.6vw, 1.3rem);
  --h5-size: 1rem;
  --h6-size: 0.95rem;

  /* Line-height */
  --h1-lh: 1.15;
  --h2-lh: 1.2;
  --h3-lh: 1.25;
  --h4-lh: 1.3;
  --h5-lh: 1.35;
  --h6-lh: 1.4;

  /* ======================================================
     🎛️ “MANOPOLA” PESI — pubblico
     (controllati da typography-public.css)
     ====================================================== */
  --vs-fw-h1: 300;
  --vs-fw-h2: 300;
  --vs-fw-h3: 300;

  /* Titoli card / blocchi / listing */
  --vs-fw-title: 300;

  /* CTA / pill quando serve davvero */
  --vs-fw-strong: 300;
}