/* ==========================================================================
   TOKENS — Antica Locanda Alpina
   Ogni valore qui dentro ha un'origine. I colori non sono stati scelti:
   sono stati campionati dalla fotografia della sala (legno di abete, lampade
   a candela in ferro battuto, tovaglie bianche) e dal marchio della Locanda.
   Nessun colore, spazio o tempo va scritto "a occhio" fuori da questo file.
   ========================================================================== */

:root {
  /* --- Colore ------------------------------------------------------------
     Scala campionata da antica-locanda-alpina.jpg (la sala, di sera).       */
  --ombra:        #0D0806;   /* il buio fuori dalla finestra                 */
  --bruno:        #17100B;   /* fondo delle scene notturne                   */
  --terra:        #2B180C;   /* superfici scure                              */
  --legno:        #492610;   /* perline della sala in ombra                  */
  --legno-caldo:  #754820;   /* perline illuminate                           */
  --rame:         #9A5416;   /* i paioli appesi                              */
  --oro:          #AF7335;   /* riflesso della lampada sul legno             */
  --luce:         #EDCA84;   /* la lampada a candela, ~2700K                 */
  --luce-alta:    #FBE7BF;   /* il centro della fiamma                       */

  --carta:        #F4EDE0;   /* la tovaglia                                  */
  --carta-2:      #E3D8C4;   /* la carta del menù                            */
  --inchiostro:   #191309;

  --vino:         #8C1D3F;   /* il rosso del marchio. Usarlo quasi mai.      */
  --bosco:        #2A3524;   /* la faggeta oltre la strada                   */

  /* Ruoli */
  --bg:              var(--ombra);
  --bg-elev:         var(--bruno);
  --testo:           #EFE7D8;
  --testo-soft:      #AC9F89;
  --testo-scuro:     var(--inchiostro);
  --testo-scuro-soft:#6B5C46;
  --bordo:           rgba(237, 202, 132, .16);
  --bordo-scuro:     rgba(25, 19, 9, .14);
  --accento:         var(--luce);

  /* --- Spazio ------------------------------------------------------------
     Scala unica. Nessuna distanza fuori da questi valori.                   */
  --s1: .25rem;  --s2: .5rem;   --s3: .75rem;  --s4: 1rem;
  --s5: 1.5rem;  --s6: 2rem;    --s7: 3rem;    --s8: 4rem;
  --s9: 6rem;    --s10: 8rem;   --s11: 10rem;  --s12: 12rem;

  /* Respiro verticale delle scene: cresce con la finestra */
  --scena:   clamp(5rem, 11vh + 3rem, 11rem);
  --scena-l: clamp(7rem, 16vh + 3rem, 15rem);

  /* --- Griglia ----------------------------------------------------------- */
  --max:      78rem;   /* 1248px — la misura della pagina                    */
  --max-testo:38rem;   /* ~68 caratteri: oltre, l'occhio si perde            */
  --gutter:   clamp(1.25rem, 5vw, 3.5rem);

  /* --- Tipografia --------------------------------------------------------
     Fraunces racconta il 1904 (serif old style, con l'asse WONK che le dà
     l'irregolarità del fatto a mano). Instrument Sans racconta il 2026.
     Il contrasto fra le due È il posizionamento: antica, ancora viva.       */
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-testo:   "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --t-display: clamp(2.85rem, 9.5vw, 8rem);
  --t-h1:      clamp(2.3rem, 6vw, 4.6rem);
  --t-h2:      clamp(1.85rem, 4.2vw, 3.15rem);
  --t-h3:      clamp(1.25rem, 2.2vw, 1.75rem);
  --t-lead:    clamp(1.05rem, .55vw + .95rem, 1.3rem);
  --t-body:    1.0625rem;
  --t-small:   .9375rem;
  --t-label:   .75rem;

  --lh-display: .94;
  --lh-titolo:  1.06;
  --lh-testo:   1.66;

  /* --- Forma -------------------------------------------------------------
     Raggi piccoli: la personalità è elegante, non friendly.                 */
  --r-s: 2px;  --r-m: 4px;  --r-l: 10px;  --r-pill: 999px;
  --hair: 1px;

  /* --- Luce e profondità -------------------------------------------------
     Nessuna ombra nera: le ombre nascono dalla lampada, quindi sono brune.  */
  --sh-1: 0 1px 2px rgba(13, 8, 6, .30), 0 4px 14px -6px rgba(13, 8, 6, .45);
  --sh-2: 0 20px 60px -24px rgba(13, 8, 6, .78), 0 2px 8px rgba(13, 8, 6, .35);
  --sh-carta: 0 1px 2px rgba(25, 19, 9, .06), 0 18px 44px -28px rgba(25, 19, 9, .30);
  --alone: 0 0 120px -20px rgba(237, 202, 132, .30);

  /* --- Movimento ---------------------------------------------------------
     Mai linear. Le cose hanno peso: entrano decise e si fermano piano.      */
  --e-out:   cubic-bezier(.16, 1, .3, 1);
  --e-soft:  cubic-bezier(.33, 1, .68, 1);
  --e-both:  cubic-bezier(.65, 0, .35, 1);

  --d-fast: 200ms;
  --d-mid:  480ms;
  --d-slow: 900ms;
  --d-cine: 1600ms;

  --z-dust: 1;
  --z-nav: 60;
  --z-dock: 55;
  --z-menu: 70;
}

/* La luce cambia temperatura scena per scena: è il color script del sito.
   Ogni sezione dichiara il proprio "clima" e i componenti lo ereditano.     */
.clima-notte {
  --bg: var(--ombra);
  --testo: #EFE7D8;
  --testo-soft: #AC9F89;
  --bordo: rgba(237, 202, 132, .16);
}
.clima-legno {
  --bg: #1C1109;
  --testo: #F1E6D2;
  --testo-soft: #B39C79;
  --bordo: rgba(237, 202, 132, .18);
}
.clima-carta {
  --bg: var(--carta);
  --testo: var(--inchiostro);
  --testo-soft: var(--testo-scuro-soft);
  --bordo: var(--bordo-scuro);
  --accento: var(--legno);
}
.clima-giorno {
  --bg: #EFE9DD;
  --testo: var(--inchiostro);
  --testo-soft: var(--testo-scuro-soft);
  --bordo: var(--bordo-scuro);
  --accento: var(--legno-caldo);
}