/* Noleggiando.com — elevazioni tinte di blu (mai nero), anello di focus e motion.
   Livelli: 1 · PRIMITIVO (i tempi e la curva) · 2 · SEMANTICO (le tre elevazioni, tinte col
   primitivo blu 950) · 3 · COMPONENTE (l'anello e l'alone di focus). */
:root{
  /* livello 2 · semantici — elevazioni: il blu 950 a tre opacità, mai nero */
  --nlg-shadow-sm:0 1px 2px color-mix(in srgb, var(--nlg-blue-950) 6%, transparent), 0 1px 3px color-mix(in srgb, var(--nlg-blue-950) 10%, transparent);
  --nlg-shadow-md:0 4px 8px -2px color-mix(in srgb, var(--nlg-blue-950) 8%, transparent), 0 12px 24px -8px color-mix(in srgb, var(--nlg-blue-950) 14%, transparent);
  --nlg-shadow-lg:0 8px 16px -4px color-mix(in srgb, var(--nlg-blue-950) 10%, transparent), 0 28px 56px -16px color-mix(in srgb, var(--nlg-blue-950) 22%, transparent);
  /* livello 1 · primitivi — i tempi e la curva unica */
  --nlg-t-fast:120ms; --nlg-t-base:200ms;
  --nlg-ease:cubic-bezier(.2,.7,.3,1);
}
/* livello 3 · componente — l'anello di focus (3 px di tela, 3 px di focus) e l'alone del campo.
   Si ridichiarano su ogni contenitore di luce o di superficie: un valore composto da altri token
   si risolve dove è dichiarato, e un pannello scuro dentro una pagina chiara vuole la sua tela. */
:root, [data-theme], [data-superficie]{
  --nlg-focus-ring:0 0 0 3px var(--nlg-canvas), 0 0 0 6px var(--nlg-focus);
  --nlg-focus-halo:0 0 0 3px var(--nlg-blue-100);
}
/* cambio luce via JS: transizioni spente mentre si riscrive l'attributo */
.nlg-no-transition, .nlg-no-transition *{transition:none !important}