/* tokens.css — design genome furniture_showroom. Showroom d'arredo caldo e classico: carta bianca, bande
   crema, titoli bordeaux e un ORO di marca. Vocabolario CHIUSO di token semantici: la sorgente da cui
   deriva theme.json. Niente valori fuori da qui.

   ⚠ CONTRATTO DELL'ORO (misurato, non stimato). #C9AB81 su bianco dà 2,18 e su crema 1,97: NON può
   portare testo su fondo chiaro — ed è esattamente l'errore del sito da cui questo verticale nasce.
   L'oro si sdoppia in tre ruoli e ognuno ha il suo mestiere:
     --gold      superficie e filetti (mai testo su chiaro) · testo su fondo scuro (6,56 su --night)
     --gold-ink  testo su fondo chiaro: occhielli, link, numerali (6,16 su carta · 5,57 su crema)
     --gold-lt   testo su fondo scuro quando serve più stacco (8,08 su --night)
   ⚠ --brand-mid è una SUPERFICIE, non un fondo da testo tenue: --on-dark-muted vi cade a 4,19. */
:root {
  /* --- Colore (carta + crema + bordeaux + oro) --- */
  --paper:    #FFFFFF;  /* carta: fondo generale */
  --surface:  #F7F3EC;  /* crema: bande alterne */
  --tint:     #F0E8DA;  /* crema profonda: targhe e riquadri dentro le bande crema */
  --ink:      #383737;  /* inchiostro: testo corrente (11,9:1 su carta) */
  --ink-muted:#63605C;  /* inchiostro tenue: testo secondario SOLO su fondo chiaro (6,25:1 su carta) */
  --line:     #E5DFD4;  /* filetto: righe e bordi (non-testo) */

  --brand-dark:#3C1C20; /* bordeaux: titoli e bottone primario (15,2:1 su carta) */
  --brand-mid: #5A3A3E; /* bordeaux medio: superficie di stacco — MAI fondo per testo tenue */
  --night:     #2B2A2A; /* notte: testata scura, piè di pagina, velo dell'hero */

  --gold:     #C9AB81;  /* oro di marca: filetti, fondi, testo SU SCURO (6,56 su --night) */
  --gold-ink: #7A5C36;  /* oro testo su chiaro: occhielli, link, numerali (6,16 su carta) */
  --gold-dark:#6E5230;  /* oro testo su chiaro, grado forte (7,21 su carta) */
  --gold-lt:  #D8BF9C;  /* oro chiaro: testo su fondo scuro (8,08 su --night) */

  --on-dark:  #F3EFE8;  /* testo su fondo scuro (12,5:1 su --night) */
  --on-dark-muted:#B0A79A; /* testo secondario su fondo scuro (6,02:1 su --night) */

  --bg: var(--paper);
  --fg: var(--ink);
  --accent: var(--gold);
  --focus: var(--gold-ink);

  /* --- Tipografia: display serif (EB Garamond) + testo sans (Alegreya Sans), OFL self-hosted.
     Sono i due caratteri del sito che il cliente ha approvato; qui cambiano PESO e SPAZIATURA, non
     famiglia: il maiuscoletto a 0,15em di quel sito è elegante ma affoga i titoli lunghi. --- */
  --font-display: "EB Garamond", Georgia, "Times New Roman", serif;
  --font-body: "Alegreya Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  --text-sm:  0.8rem;     /* occhielli/etichette, maiuscolo tracciato */
  --text-base: 1.0625rem; /* 17 corpo */
  --text-md:  clamp(1.1rem, 1rem + 0.5vw, 1.35rem);      /* lead */
  --text-lg:  1.35rem;    /* H3 */
  --text-xl:  clamp(1.8rem, 1.25rem + 2vw, 2.7rem);      /* H2 di sezione */
  --text-2xl: clamp(2.1rem, 1.4rem + 2.8vw, 3.4rem);     /* testata di pagina */
  --text-3xl: clamp(2.6rem, 1.5rem + 4.4vw, 5rem);       /* display hero */

  --lh-tight: 1.06;   /* display */
  --lh-snug: 1.16;    /* titoli */
  --lh-body: 1.65;
  /* ⚠ Il tracciamento dei TITOLI scende da 0,15em (sito attuale) a 0,02em: il maiuscoletto molto
     spaziato resta solo sugli occhielli, dove le stringhe sono corte. */
  --tracking-label: 0.18em;
  --tracking-display: 0.02em;

  /* --- Spaziatura --- */
  --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem; --space-5:1.5rem;
  --space-6:2rem; --space-7:3rem; --space-8:4.5rem; --space-9:6.5rem; --space-10:9rem;
  --section-y: clamp(4rem, 2.4rem + 6vw, 8rem);

  /* --- Layout --- */
  --container: 1240px;
  --container-narrow: 68ch;
  --gutter: clamp(1.25rem, 0.4rem + 4vw, 3.5rem);

  /* --- Forma: squadrata, come il sito da cui nasce --- */
  --radius: 0px;
  --radius-lg: 0px;
  --border: 1px solid var(--line);

  --shadow-md: 0 16px 44px rgba(60,28,32,.10), 0 3px 12px rgba(60,28,32,.06);

  /* --- Velo delle bande fotografiche. NON porta il contrasto del testo — quello lo porta la targa
     (`.hero__body`, `.page-head__inner`), misurata sui pixel. Qui serve solo a staccare la fotografia
     dal cromo chiaro e a tenere insieme fotogrammi di esposizione diversa: annegare la foto per far
     leggere il testo sarebbe una resa. --- */
  --scrim: linear-gradient(100deg, rgba(43,42,42,.46) 0%, rgba(43,42,42,.34) 40%, rgba(43,42,42,.16) 72%, rgba(43,42,42,.10) 100%);
  --scrim-mobile: linear-gradient(178deg, rgba(43,42,42,.22) 0%, rgba(43,42,42,.34) 55%, rgba(43,42,42,.46) 100%);

  /* --- Motion (sobria) --- */
  --ease: cubic-bezier(.2,.6,.2,1);
  --dur: 260ms;
}
@media (prefers-reduced-motion: reduce){ :root{ --dur:0ms; } }