/* tokens.css — trascrizione esatta di docs/DESIGN.md e della bozza design-lab/ (28/10/2026). Si copia nel tema così com'è. */
:root {
  /* Marchio (brandkit Eterno: primari nero + oro 7555 C, secondari bordeaux 4102 C + crema 9224 C) */
  --et-nero: #0B0B0B;              /* fondo principale delle fasce scure */
  --et-nero-pieno: #000000;        /* barra di servizio, piè di pagina, riquadri su nero */
  --et-oro: #C5A15A;               /* pulsanti pieni, occhielli su scuro, link su scuro. MAI testo su chiaro */
  --et-oro-chiaro: #E2C27F;        /* hover dei pulsanti oro, occhielli su bordeaux */
  --et-bordeaux: #5A0F1A;          /* collezione Maradona, occhielli e link su crema, riquadro importatori */
  --et-bordeaux-scuro: #3E0A12;    /* segnaposto foto su bordeaux */
  --et-crema: #F5EFE3;             /* fondo delle fasce chiare (shop, regali, prodotto); testo su scuro */

  /* Superfici */
  --et-superficie-scura: #161514;  /* scheda Adriano, rimando ad altra collezione */
  --et-superficie-scura-2: #1A1816;/* segnaposto foto su nero */
  --et-fascia-scura: #111010;      /* fascia "Coming next" */
  --et-fondo-bottiglia: #000000;   /* riquadri delle foto delle bottiglie (le foto del cliente sono su nero puro; decisione di Michele 29/10) */
  --et-carta: #EDE4D3;             /* fondo delle immagini prodotto, riepilogo ordine */
  --et-campo: #FFFDF8;             /* fondo dei campi su crema */

  /* Testo */
  --et-inchiostro: #1A1714;        /* testo su crema */
  --et-testo-2-chiaro: #5E564C;    /* testo secondario su crema (6,30:1) */
  --et-testo-2-scuro: #BDB5A6;     /* testo secondario su nero (9,68:1) */
  --et-testo-lettura-scuro: #D9D1C3; /* paragrafi lunghi su nero (12,99:1) */
  --et-testo-su-bordeaux: #F0E3D8; /* testo secondario su bordeaux (10,99:1) */
  --et-meta-scuro: #A39B8D;        /* righe legali del piè di pagina (7,63:1 su #000) */

  /* Filetti e bordi */
  --et-filetto-scuro: #2A2722;     /* bordi e separatori su nero */
  --et-filetto-scuro-2: #1F1D1A;   /* bordo inferiore della barra di servizio */
  --et-bordo-tag: #756D61;         /* (era #3A362F, schiarito 28/10: 3,86:1 su nero)  etichette dei pagamenti, selettore lingua */
  --et-filetto-chiaro: #D6CBB6;    /* separatori su crema */
  --et-bordo-campo-chiaro: #8C8170;/* campi, chip, pulsanti secondari su crema (3,34:1) */
  --et-bordo-campo-scuro: #756D61; /* campi e pulsanti secondari su nero (3,86:1) */
  --et-bordo-su-bordeaux: #A8636D; /* etichette e segnaposto su bordeaux */
  --et-segnaposto-bordo: #5E564C;  /* bordo tratteggiato dei segnaposto foto su nero (decorativo) */

  /* Caratteri */
  --et-font-titoli: 'Libre Baskerville', Georgia, serif;   /* sempre 700 */
  --et-font-testo: 'Montserrat', system-ui, sans-serif;

  /* Scala tipografica (px della bozza) */
  --et-h1-home: clamp(34px, 4.2vw, 60px);
  --et-h1-pagina: clamp(38px, 4.4vw, 64px);   /* testata collezione */
  --et-h1-prodotto: 44px;
  --et-h2-collezione-hero: 48px;
  --et-h2-sezione: 40px;
  --et-h2-focus: 44px;
  --et-h3-scheda: 20px;
  --et-occhiello: 12px;           /* Montserrat 600, maiuscolo, spaziatura 0.18em */
  --et-nav: 13px;                 /* Montserrat 600, maiuscolo, spaziatura 0.14em */
  --et-pulsante: 13px;            /* Montserrat 700, maiuscolo, spaziatura 0.12em */
  --et-testo-corpo: 16px;
  --et-testo-lettura: 17px;       /* interlinea 1.7 */
  --et-testo-piccolo: 14px;

  /* Misure */
  --et-contenitore: 1360px;
  --et-gutter: 40px;              /* 16px sotto i 760 px */
  --et-sezione-v: 88px;           /* 48px sotto i 760 px */
  --et-tocco: 44px;               /* altezza minima di ogni elemento cliccabile */
  --et-pulsante-h: 48px;
  --et-campo-h: 50px;
  --et-raggio: 0;                 /* nessun angolo arrotondato, tranne il contatore del carrello (pillola) */
}