/* ============================================================
   Villa San Vigilio — DESIGN TOKENS (unica fonte di verità)
   Figma: 1920px di riferimento. 1rem = 16px @1920 (vedi base.css).
   Conversione: rem = figma_px / 16.
   NIENTE hardcode di hex/px nelle sezioni: usare SEMPRE questi token.
   ============================================================ */
:root {
  /* ---- Colori: brand navy (homepage/header/footer) ---- */
  --c-navy: #152e4b;          /* testo primario, nav, sfondo footer */
  --c-blue-deep: #04336a;     /* accento (es. "1520") */
  --c-sky: #dbe6ec;           /* sfondo azzurrino homepage */
  --c-on-navy: #d9d9d9;       /* testo su sfondo navy (footer) */
  --c-white: #ffffff;

  /* ---- Colori accento per-pagina (popolati dagli agenti, hex esatto dal Figma) ----
     Convenzione: --c-terracotta, --c-sage, --c-cream, --c-forest ...
     Ogni agente che introduce un colore lo AGGIUNGE qui e lo registra nel registro. */
  --c-terracotta: #9a4431;    /* Storia: pannello hero, heading/testo "I Giardini" */
  --c-cream: #f1e7e5;         /* Storia: fondo fascia "I Giardini" */
  --c-wine: #5a0028;          /* Storia: bordo cornice sezione "I Giardini" */
  --c-sage: #d9e2d9;          /* Contatti: fondo pagina (verde salvia) */
  --c-olive: #242d12;         /* Contatti: testo/nav/linea (verde oliva scuro) */
  --c-blush: #fae7e8;         /* Matrimoni: fondo pannello destro (rosa cipria) */
  --c-rosewood: #b05e5f;      /* Matrimoni: heading + testo + nav (rosa antico) */
  --c-brown: #322924;         /* Servizi: heading + intro + testo chiusura + nav (marrone scuro) */
  --c-linen: #ece5e1;         /* Servizi: fondo pagina (crema/rosa chiaro) */
  --c-forest: #2a3224;        /* Cultura: heading + intro + testo festival + nav (verde scuro) */
  --c-forest-bg: #d9d7cb;     /* Cultura: fondo pagina (verde-grigio chiaro/salvia) */

  /* ---- Tipografia ---- */
  --fs-scale: 1;      /* 1 = dimensioni originali Figma. Tarabile (es. 0.9) per rimpicciolire solo i font. */
  --font-serif: "Bodoni Moda", "Bodoni 72", "Didot", "Times New Roman", serif;

  /* Scala tipografica (px @1920 → rem). Fluida via root font-size (base.css). */
  --fs-hero: calc(11.25rem * var(--fs-scale));   /* 180px — titolo hero "Villa San Vigilio" */
  --fs-1520: calc(5rem * var(--fs-scale));       /* 80px  — accento numerico */
  --fs-h1: calc(6.25rem * var(--fs-scale));      /* 100px — titolo pagina (default; l'agente affina dal nodo) */
  --fs-h2: calc(3.75rem * var(--fs-scale));      /* 60px  — sottotitolo sezione */
  --fs-lead: calc(1.625rem * var(--fs-scale));   /* 26px  — corpo/lead editoriale */
  --fs-nav: calc(1.625rem * var(--fs-scale));    /* 26px  — voci nav */
  --fs-footer: calc(1.5rem * var(--fs-scale));   /* 24px  — testo footer */
  --fs-navlist: calc(2.5rem * var(--fs-scale));  /* 40px  — nav-list secondaria homepage */

  --lh-tight: 1.16;      /* titoli */
  --lh-nav: 0.96;
  --lh-body: 1.46;       /* corpo/footer */

  /* ---- Layout / container (coerenza cross-pagina: UN solo container) ---- */
  --frame: 1920px;       /* larghezza di riferimento Figma */
  --container-max: 1920px;
  --gutter: 2.5rem;      /* 40px — margine laterale del contenuto (bordo footer/immagini inset) */

  /* ---- Spaziature ricorrenti (rem). Le distanze tra sezioni si misurano dal delta-Y. ---- */
  --space-xs: 1rem;      /* 16 */
  --space-s: 1.5rem;     /* 24 */
  --space-m: 2.5rem;     /* 40 */
  --space-l: 5rem;       /* 80 */
  --space-xl: 7.5rem;    /* 120 */

  --radius: 3px;         /* raggio immagini (Figma: rounded-[3px]) */

  /* ---- Pagine legali (Privacy / Cookie): testo lungo, priorità leggibilità ---- */
  --fs-legale-title: calc(3.5rem * var(--fs-scale));    /* 56px — titolo pagina */
  --fs-legale-h2: calc(2rem * var(--fs-scale));         /* 32px — sezione */
  --fs-legale-h3: calc(1.375rem * var(--fs-scale));     /* 22px — sottosezione */
  --fs-legale-body: calc(1.125rem * var(--fs-scale));   /* 18px — corpo */
  --legale-measure: 50rem;                              /* 800px — larghezza colonna di lettura */
}
