/* Noleggiando.com — spazio, raggi, griglia, barre.
   Livelli: 1 · PRIMITIVO (scala e raggi) · 2 · SEMANTICO (la griglia della pagina) ·
   3 · COMPONENTE (la barra e il bersaglio minimo). */
:root{
  /* livello 1 · primitivi — la scala dello spazio · base 4 */
  --nlg-s-1:4px; --nlg-s-2:8px; --nlg-s-3:12px; --nlg-s-4:16px; --nlg-s-5:24px;
  --nlg-s-6:32px; --nlg-s-7:48px; --nlg-s-8:64px; --nlg-s-9:96px;
  /* livello 1 · primitivi — raggi: spigoli contenuti, il marchio ha spigoli vivi */
  --nlg-r-0:0; --nlg-r-sm:6px; --nlg-r-md:8px; --nlg-r-lg:12px; --nlg-r-xl:16px; --nlg-r-pill:999px;
  /* livello 2 · semantici — la griglia della pagina */
  --nlg-container:1240px; --nlg-gutter:24px;
  /* livello 3 · componente — la barra 1:3,5; stacco = metà spessore, min 4px in composizione;
     letti dal § 3.1.1 e dal cartiglio del capitolo 04 */
  --nlg-bar-ratio:0.2857;
  --nlg-bar-w:16px; --nlg-bar-gap:8px;      /* scala UI e web */
  --nlg-bar-w-hero:32px; --nlg-bar-gap-hero:16px;
  /* livello 3 · componente — il bersaglio minimo di ogni controllo */
  --nlg-tap-min:44px;
}