/* tokens.css — Elite Wines · Terreni Ho.Re.Ca.
   Palette campionata dal catalogo Casa de la Ermita (copertina e pagine interne),
   non a occhio: bordeaux in gradiente, crema, oro. Un solo posto per i colori. */
:root{
  /* ---- marca ---- */
  /* ⚠️ I NOMI RESTANO «bordeaux», I VALORI SONO VERDI. Il 02/09/2026 avevo
     riscritto questo file con nomi nuovi: app.css ne usa 78 e l'app è rimasta
     senza colori. Rinominare un token è un lavoro a parte, e non è questo.
     La palette è quella ufficiale: verde bosco, deciso il 28/08/2026. */
  --ew-bordeaux-900:#14231C;   /* verde bosco — fondo copertina */
  --ew-bordeaux-800:#1D3227;   /* alto del gradiente, header */
  --ew-bordeaux-600:#27452F;   /* stati attivi, hover */
  --ew-bordeaux-400:#3E6B4A;   /* accenti chiari su crema */
  --ew-gold-500:#BB8B49;       /* logo, filetti, indicatore attivo */
  --ew-gold-300:#D6B87E;       /* etichette maiuscole su bordeaux */
  --ew-gold-100:#F0E2C6;       /* velature */
  --ew-cream-100:#EDE1CF;      /* sfondo pagina */
  --ew-cream-50:#F7F1E6;       /* card, superfici sollevate */
  --ew-cream-0:#FCF9F3;        /* campi, superfici massime */
  --ew-ink-900:#27261C;        /* testo principale */
  --ew-ink-700:#4A463C;        /* testo forte secondario */
  --ew-ink-500:#6E675B;        /* testo secondario, etichette */
  --ew-line:#DCCFB8;           /* divisori */
  --ew-line-soft:#E7DECB;      /* divisori interni */

  /* ---- stati commerciali ---- */
  --ew-st-nuovo:#8C8577;
  --ew-st-proces:#2F5F76;
  --ew-st-vizituar:#A96C1E;
  --ew-st-klient:#2C6E48;
  --ew-st-mbyllur:#C7BFB2;   /* era #8A2333, ultimo rosso vino rimasto;
                                ora uguale a quello che la mappa disegna davvero */

  /* ---- affidabilità del pin ---- */
  --ew-pin-terren:#2C6E48;
  --ew-pin-osm:#2F5F76;
  --ew-pin-vjeter:#A32A22;   /* era #8A2333 (rosso vino): è un avviso, non il marchio */

  /* ---- priorità ----
     Scala di ottone: più scuro = più importante. P1 era bordeaux (#5A1622).
     P2 (#A96C1E) e P4 (#8C8577) avevano testo bianco a 4,33:1 e 3,66:1,
     sotto la soglia — scuriti finché non passano. Misurato, non a occhio. */
  --ew-p1:#6E3F0C; --ew-p2:#96601A; --ew-p3:#2F5F76;
  --ew-p4:#79705F; --ew-pa:#6E675B;

  /* ---- feedback ---- */
  --ew-alarm:#E8949B; --ew-alarm-txt:#A32A22;   /* era #8A2333: tinge tutta la
                                barra in cima, e lì il rosso vino sembrava la palette ritirata */

  /* ---- tipografia ---- */
  --ew-font:"Barlow",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --ew-font-titull:"Barlow Condensed",var(--ew-font);

  /* ---- raggi: una scala, non un valore solo ---- */
  --r-xs:8px; --r-sm:12px; --r-md:16px; --r-lg:22px; --r-full:999px;

  /* ---- superfici: la profondità viene dal colore, non dall'ombra ---- */
  --sup-0:#EBDDC9;   /* canvas, dietro le card */
  --sup-1:#F4EDE0;   /* fogli e pannelli */
  --sup-2:#FCF9F3;   /* card */
  --hair:rgba(10,20,14,.09);
  --hair-fort:rgba(10,20,14,.16);

  /* ---- ombre: due strati, alpha bassa, TINTE DI BORDEAUX ----
     erano rgba(20,35,28,…): verde della palette vecchia, faceva alone su crema */
  --hije-1:0 1px 2px rgba(10,20,14,.05);
  --hije-2:0 1px 2px rgba(10,20,14,.04), 0 10px 28px -8px rgba(10,20,14,.12);
  --hije-flete:0 -12px 44px -14px rgba(10,20,14,.26);

  /* ---- spaziatura: griglia a 4px, senza eccezioni ---- */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s8:32px;

  /* ---- movimento: la curva delle sheet, non "ease" ---- */
  --lehte:cubic-bezier(.32,.72,0,1);

  /* ---- misure ---- */
  --krye-h:52px; --tabs-h:44px; --raze:6px;
  --hije:var(--hije-2);
  --siguri-siper:env(safe-area-inset-top,0px);
  --siguri-poshte:env(safe-area-inset-bottom,0px);

  /* ---- alias verso i nomi già usati nel codice ---- */
  --gjelber:var(--ew-bordeaux-900);
  --gjelber-2:var(--ew-bordeaux-800);
  --gjelber-3:#0A140E;
  --fildish:var(--ew-cream-50);
  --bardhe:var(--ew-cream-0);
  --vije:var(--ew-line);
  --vije-2:var(--ew-line-soft);
  --vije-terr:#2A4034;
  --vije-fusha:#3A5445;
  --gri:var(--ew-ink-500);
  --gri-terr:var(--ew-gold-300);
  --gri-terr-2:#C9A98C;
  --terr-jumilla:var(--ew-bordeaux-600);
  --terr-liguria:var(--ew-st-proces);
  --s-pavizituar:var(--ew-st-nuovo);   --s-pavizituar-d:#BDB5A6;
  --s-proces:var(--ew-st-proces);      --s-proces-d:#8FBCCC;
  --s-vizituar:var(--ew-st-vizituar);  --s-vizituar-d:var(--ew-gold-300);
  --s-klient:var(--ew-st-klient);      --s-klient-txt:#1D5637; --s-klient-d:#7FC79E;
  --s-mbyllur:var(--ew-st-mbyllur);    --s-mbyllur-d:#E0A0A8;
  --saktesi-1:var(--ew-pin-terren);
  --saktesi-2:var(--ew-pin-osm);
  --saktesi-3:var(--ew-pin-vjeter);
  --prio-1:var(--ew-p1); --prio-2:var(--ew-p2); --prio-3:var(--ew-p3);
  --prio-4:var(--ew-p4); --prio-a:var(--ew-pa);
  --alarm:var(--ew-alarm); --alarm-txt:var(--ew-alarm-txt);
  --font:var(--ew-font);

  /* ── ⚠️ QUESTE SETTE MANCAVANO, e nessuno se n'era accorto: in CSS una
     variabile non definita non dà errore — la regola viene semplicemente
     saltata. Tre di esse sono i COLORI DEL TESTO, quindi c'erano righe che
     prendevano il colore ereditato invece del proprio. Trovate il 02/09/2026
     confrontando una per una le 78 variabili che app.css chiede con quelle
     che i token davvero definiscono. ── */
  --tekst-1:var(--ew-ink-900);      /* il testo normale */
  --tekst-2:var(--ew-ink-500);      /* il secondario */
  --tekst-3:#5D6862;                /* il terziario — 4,7:1 sulla panna, misurato */
  --detent:56vh;                    /* quanto sale il pannello dal basso */
  --detent-harte:38vh;              /* quanto sale quando sotto c'è la mappa */
  --ew-bordeaux-700:#193A28;        /* il gradino mancante fra 600 e 800 */
  --ew-gold-600:#8A6A2E;            /* l'oro scuro, per il testo sull'oro chiaro */
}