/* =====================================================================
   tokens.css — Studio Legale Avv. Paola Spadini
   Palette "studio antico": muri bianchi caldi, mobili in noce,
   pavimento in pietra marroncina, dettagli in ottone anticato.
   ===================================================================== */

:root {
  /* ---- Colori: inchiostro & legno (testi, brand) ---- */
  --ink:        #2B211A;   /* testo principale — espresso/noce scuro */
  --ink-soft:   #5C4B3B;   /* testo secondario — bruno caldo */
  --ink-mute:   #736251;   /* testo terziario, didascalie — WCAG AA (≥4.5:1 su crema e sabbia) */
  --walnut:     #45301F;   /* noce — heading forti, brand scuro */
  --walnut-2:   #5A3F2A;   /* noce medio */

  /* ---- Colori: ottone anticato (accento, CTA) ---- */
  --brass:      #9C7A45;   /* ottone anticato — accento */
  --brass-deep: #846235;   /* ottone profondo — CTA bg */
  --brass-dark: #6B4E29;   /* hover CTA */
  --brass-soft: #C2A878;   /* ottone chiaro — dettagli su scuro */

  /* ---- Colori: pietra & sabbia (sfondi, superfici) ---- */
  --stone:      #B7A283;   /* pietra calda media */
  --stone-2:    #CDBC9F;   /* pietra chiara */
  --sand:       #F1E9DB;   /* sezione alternata — sabbia */
  --sand-2:     #EFE6D6;
  --cream:      #FAF6EE;   /* sfondo principale — muro bianco caldo */
  --paper:      #FFFFFF;   /* card pulite */
  --paper-warm: #FCF9F3;   /* card calde */
  --line:       #E7DDCB;   /* bordo tenue */
  --line-2:     #D9CBB2;   /* bordo marcato */

  /* ---- Overlay su immagini ---- */
  --veil:       linear-gradient(180deg, rgba(43,33,26,.30) 0%, rgba(43,33,26,.62) 100%);
  --veil-side:  linear-gradient(90deg, rgba(43,33,26,.78) 0%, rgba(43,33,26,.45) 48%, rgba(43,33,26,.12) 100%);

  /* ---- Tipografia ---- */
  --font-display: 'Cormorant Garamond', 'EB Garamond', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* ---- Scala tipografica fluida ---- */
  --fs-overline: .80rem;
  --fs-small:    .9rem;
  --fs-body:     1.0625rem;          /* ~17px */
  --fs-lead:     1.2rem;
  --fs-h3:       clamp(1.3rem, 1.0rem + 1.3vw, 1.7rem);
  --fs-h2:       clamp(1.9rem, 1.3rem + 2.6vw, 3rem);
  --fs-h1:       clamp(2.5rem, 1.6rem + 4.2vw, 4.6rem);

  /* ---- Spaziatura ---- */
  --space-section: clamp(4rem, 2.5rem + 6vw, 7.5rem);
  --container:   1200px;
  --container-narrow: 880px;
  --gutter:      clamp(1.2rem, .6rem + 2.4vw, 2.5rem);

  /* ---- Raggi ---- */
  --r-sm: 6px;
  --r:    12px;
  --r-lg: 20px;
  --r-pill: 999px;

  /* ---- Ombre (tono caldo) ---- */
  --shadow-sm: 0 1px 2px rgba(69,48,31,.06), 0 2px 6px rgba(69,48,31,.05);
  --shadow:    0 6px 18px rgba(69,48,31,.09), 0 2px 6px rgba(69,48,31,.06);
  --shadow-lg: 0 22px 50px rgba(69,48,31,.16), 0 8px 18px rgba(69,48,31,.08);

  /* ---- Transizioni ---- */
  --t-fast: 150ms ease;
  --t:      240ms cubic-bezier(.22,.61,.36,1);

  /* ---- z-index scale ---- */
  --z-base: 1;
  --z-header: 50;
  --z-menu: 60;
  --z-banner: 80;
}