/* =========================================================
   MYT · token condivisi (menù e anteprime dell'admin)
   Marmo notturno, neon di colore diverso per ogni menù,
   un solo carattere senza grazie (Jost). Si cambiano solo qui.
   ========================================================= */

/* Il neon del menù corrente è una proprietà animabile: cambiando menù
   tutta la pagina si riaccende nel nuovo colore con una transizione. */
@property --neon {
  syntax: '<color>';
  inherits: true;
  initial-value: #FF4FD8;
}
/* il secondo neon della coppia: pavimento a griglia e viraggio delle foto */
@property --neon-2 {
  syntax: '<color>';
  inherits: true;
  initial-value: #39E6FF;
}

:root {
  --ground: #07070D;        /* marmo di notte */
  --ground-2: #0E0E17;      /* campi, scheda */
  --ground-3: #171723;      /* controlli */
  --rule: #1E1E2C;          /* filetti tra le righe */
  --ink: #EEEDF6;           /* avorio freddo: testo */
  --ink-2: #BCBCD0;         /* testo secondario */
  --gold: #D9BE84;          /* l'oro del logo, solo per richiami al marchio */
  --alert: #FF7A4D;         /* solo per gli allergeni da evitare */
  --ok: #B8F2D2;            /* parole rassicuranti: vegano, senza glutine */
  --ink-max: #FFFFFF;
  --scrim: rgba(3, 3, 8, 0.8);

  /* neon per menù (impostato da body[data-menu]) */
  --neon-amber: #FFB23E;
  --neon-mint: #3DF5B0;
  --neon-magenta: #FF4FD8;
  --neon-cyan: #39E6FF;
  --neon-violet: #A67CFF;
  --neon: var(--neon-magenta);
  --neon-2: var(--neon-cyan);

  --font: "Jost", "Futura", "Avenir Next", system-ui, sans-serif;
  --sticky-h: 112px;
  --ease: cubic-bezier(0.25, 1, 0.5, 1);
  color-scheme: dark;
}
/* colori derivati dal neon: calcolati dove il neon cambia (body), così seguono il menù */
body {
  --neon-ink: color-mix(in srgb, var(--neon) 45%, #FFFFFF);      /* testo nel colore del neon, leggibile */
  --neon-dim: color-mix(in srgb, var(--neon) 40%, var(--ground)); /* filetti e tubi spenti */
  --glow: 0 0 4px color-mix(in srgb, var(--neon) 90%, transparent), 0 0 14px color-mix(in srgb, var(--neon) 70%, transparent), 0 0 34px color-mix(in srgb, var(--neon) 45%, transparent);
  /* insegna al neon: anima quasi bianca, alone colorato su tre livelli */
  --tube: 0 0 1px #FFFFFF, 0 0 6px var(--neon), 0 0 16px var(--neon), 0 0 38px color-mix(in srgb, var(--neon) 70%, transparent), 0 0 70px color-mix(in srgb, var(--neon) 40%, transparent);
}
body[data-menu="caffetteria"] { --neon: var(--neon-amber); --neon-2: var(--neon-magenta); }
body[data-menu="cucina"] { --neon: var(--neon-mint); --neon-2: var(--neon-cyan); }
body[data-menu="drink"] { --neon: var(--neon-magenta); --neon-2: var(--neon-cyan); }
body[data-menu="gintoneria"] { --neon: var(--neon-cyan); --neon-2: var(--neon-violet); }
body[data-menu="vini"] { --neon: var(--neon-violet); --neon-2: var(--neon-magenta); }

/* ---------- Font (in locale, licenza SIL OFL) ---------- */
@font-face { font-family: "Jost"; src: url("../fonts/jost-200-700-latin.woff2") format("woff2"); font-weight: 200 700; font-display: swap; }