/* ============================================================
   tokens.css — La Collina dei Ciliegi
   ------------------------------------------------------------
   Estratti dal CSS del sito lacollinadeiciliegisalerno.it.

   FONTI (verificabili):
   - Colori: variabili globali Elementor `.elementor-kit-9`
     wp-content/uploads/elementor/css/post-9.css
   - Tipografia: tema Alloggio
     wp-content/themes/alloggio/assets/css/main.min.css
   - Font caricati dal sito: Cormorant, Josefin Sans, Raleway

   Le voci marcate [PROPOSTO] non sono ricavabili dal sito
   (spaziature, raggi, ombre, dimensioni touch): sono scelte
   nuove, coerenti con il sito ma da confermare.
   ============================================================ */

:root {

  /* --- COLORI · dal sito -------------------------------- */

  /* neutri */
  --c-ink:            #151515; /* --e-global-color-2233edf */
  --c-testo:          #4d4d4d; /* body color, tema Alloggio */
  --c-nero:           #000000; /* colore dei titoli h1..h6  */
  --c-bianco:         #ffffff;

  /* verdi — la base cromatica del sito */
  --c-menta:          #F0F9F3; /* --e-global-color-8d92d4e */
  --c-menta-scura:    #E2F3E8; /* --e-global-color-53b5adb */
  --c-verde:          #076533; /* --e-global-color-c02994a · verde del logo */

  /* crema */
  --c-crema:          #FAF9F5; /* --e-global-color-0d8e241 */
  --c-crema-scura:    #F6F3EA; /* --e-global-color-995e18b */

  /* accenti */
  --c-magenta:        #AB2C68; /* --e-global-color-53d21f7 · magenta del logo */
  --c-bordeaux:       #590925; /* --e-global-color-97cb8c3 */
  --c-rosa:           #ECC5CF; /* --e-global-color-c5d592f */
  --c-rosa-chiaro:    #FCEDF4; /* --e-global-color-e8847a6 */
  --c-rosso:          #C62624; /* --e-global-color-2d30637 · ciliegia */
  --c-arancio:        #EEA243; /* --e-global-color-968e44e */
  --c-azzurro:        #7BB2D9; /* --e-global-color-f97ba2a */

  /* [PROPOSTO] grigio campionato dal logo: resta come tinta del marchio,
     ma NON va usato per il testo — su bianco rende 3.74:1, sotto la
     soglia AA di 4.5 */
  --c-grigio-logo:    #848484;
  /* [PROPOSTO] neutro del testo secondario: 6.48:1 su bianco, 6.04 su menta */
  --c-grigio:         #5E5E5E;

  /* --- RUOLI -------------------------------------------- */
  --sfondo:            var(--c-menta);
  --sfondo-superficie: var(--c-bianco);
  --sfondo-tenue:      var(--c-crema);
  --testo:             var(--c-testo);
  --testo-forte:       var(--c-ink);
  --bordo:             var(--c-menta-scura);
  --accento:           var(--c-verde);
  --accento-caldo:     var(--c-magenta);
  --avviso:            var(--c-arancio);

  /* --- TIPOGRAFIA · dal sito ----------------------------- */
  /* body{font-family:"Josefin Sans",sans-serif;font-size:17px;
     line-height:1.58824em;font-weight:300;color:#4d4d4d}       */
  --font-testo:   "Josefin Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  /* h1..h6{font-family:Cormorant,serif;font-weight:500}        */
  --font-titoli:  "Cormorant", Georgia, "Times New Roman", serif;
  /* .qodef-theme-button{font-family:Raleway;font-size:12px;
     font-weight:500;letter-spacing:.25em;text-transform:uppercase} */
  --font-etichette: "Raleway", -apple-system, "Segoe UI", sans-serif;
  /* [PROPOSTO] nessun monospace nel sito: serve per la password Wi-Fi */
  --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;

  --peso-testo:     300;   /* body                                */
  --peso-titolo:    500;   /* h1..h6                              */
  --peso-display:   300;   /* varianti leggere usate in home page */
  --peso-etichetta: 500;   /* bottoni                             */

  --interlinea-testo:  1.58824;  /* body      */
  --interlinea-titolo: 1.2;      /* h4, e i titoli Elementor */

  /* letter-spacing dei titoli Elementor: 1.2px – 2px */
  --spaziatura-titolo:    0.02em;
  --spaziatura-etichetta: 0.25em; /* .qodef-theme-button */

  /* scala tipografica ricalibrata per mobile a partire dai
     valori desktop del tema (60 / 43 / 35 / 25 / 18 / 14 px) */
  --t-display: 2.25rem;  /* schermata lingua      */
  --t-h1:      1.875rem; /* titolo di sezione     */
  --t-h2:      1.375rem;
  --t-h3:      1.125rem; /* titolo card           */
  --t-testo:   1.0625rem;/* 17px, come il sito    */
  --t-piccolo: 0.9375rem;
  --t-micro:   0.75rem;  /* etichette, 12px       */

  /* --- SPAZIATURE E FORME · [PROPOSTO] ------------------- */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;

  --r-piccolo: 10px;
  --r-medio:   16px;   /* i tooltip della mappa del sito hanno angoli simili */
  --r-grande:  22px;
  --r-pillola: 999px;

  --ombra-card:  0 1px 2px rgba(21, 21, 21, .04), 0 6px 18px rgba(7, 101, 51, .06);
  --ombra-barra: 0 -1px 0 var(--c-menta-scura), 0 -8px 24px rgba(21, 21, 21, .05);

  /* area minima toccabile — requisito di accessibilità */
  --touch-min: 48px;

  --larghezza-max: 34rem;  /* mobile-first, leggibile anche su desktop */
  --transizione: .25s ease-out; /* .25s ease-out, come i bottoni del tema */
}

@media (prefers-reduced-motion: reduce) {
  :root { --transizione: 0s; }
}