/* ==========================================================================
   Luxury Price Check — design tokens
   Linguaggio: editoriale di lusso. Porcellana e inchiostro, un solo accento
   (il verde bosco) e quello marca il prezzo piu' basso, chiunque ce l'abbia.
   Nessun colore e' assegnato a un rivenditore.

   Regola delle forme: angoli netti (2px) su card, input e bottoni; solo i
   badge informativi sono rettangolari puri. Niente pill, niente 10px misti.
   ========================================================================== */

:root {
  --bg:        #fbfbf9;
  --surface:   #f4f3ef;
  --surface-2: #eae9e3;

  --ink:   #131311;
  --ink-2: #504f49;
  --ink-3: #7c7b73;

  --action:       #131311;
  --action-hover: #2a2a26;

  /* Semantico: il verde segue il prezzo piu' basso, non un negozio.
     E' anche il colore del marchio: il brand promette il prezzo giusto. */
  --best:      #1f5c40;
  --best-soft: #edf2ee;

  /* Solo per il sigillo del logo e i suoi derivati (favicon, interstiziale).
     Non e' un accento UI: mai su bottoni, badge o link. */
  --gold:  #b49a5e;
  --ivory: #f7f3e8;
  --warn:      #8a5310;
  --warn-soft: #fbf1e3;

  --line:        #e6e4dc;
  --line-strong: #cfcdc3;

  --font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
          Helvetica, Arial, sans-serif;
  --font-display: "Cormorant Garamond", "Times New Roman", Georgia, serif;

  --w-regular: 400;
  --w-medium:  500;
  --w-semi:    600;
  --w-bold:    700;

  --t-xs:   0.8125rem;
  --t-sm:   0.875rem;
  --t-base: 1rem;
  --t-md:   1.0625rem;
  --t-lg:   1.25rem;
  --t-xl:   1.5rem;
  --t-2xl:  1.875rem;
  --t-3xl:  2.5rem;
  --t-4xl:  3.25rem;

  --track-wide: 0.14em;

  --container: 76rem;
  --r: 2px;

  /* Minimo per un target di tocco */
  --tap: 44px;

  /* Ombre tinte sull'inchiostro caldo della pagina, mai nero puro */
  --shadow-sm: 0 1px 2px rgba(19, 19, 17, 0.05);
  --shadow:    0 14px 40px -12px rgba(19, 19, 17, 0.16);
  --shadow-up: 0 -6px 24px rgba(19, 19, 17, 0.08);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --tr: 0.3s var(--ease);
}