/* Noleggiando.com — colore.
   Tre livelli di valori, come in ogni file di tokens/: 1 · PRIMITIVO (il valore misurato sugli
   asset, mai consumato dai componenti) · 2 · SEMANTICO (il ruolo: l'unico livello che gli
   applicativi leggono; le luci ridefiniscono questo) · 3 · COMPONENTE (i valori propri di un solo
   componente, che leggono un primitivo o un semantico). Qui: 1 · 2 · 3 (marchio e barre).
   IL CLIMA — la prima delle quattro proprietà dello schermo — è data-kit, e qui vale un valore
   solo: "noleggiando". Noleggiando ha un kit, quindi non c'è selettore; la proprietà esiste e si
   scrive sulla radice, così nessun applicativo la reinventa con un nome suo. */
:root, [data-kit="noleggiando"]{
  color-scheme: light;
  --nlg-version:"4.0.0";
  /* livello 1 · primitivi — blu */
  --nlg-blue-50:#EEF2FF; --nlg-blue-100:#DCE4FF; --nlg-blue-200:#B9C8FF; --nlg-blue-300:#8FA6FF;
  --nlg-blue-400:#5C7CFF; --nlg-blue-500:#3260FF; --nlg-blue-600:#1B4DFF; --nlg-blue-700:#1039D6;
  --nlg-blue-800:#0D2CA6; --nlg-blue-950:#0A1A4A;   /* 950: la tinta di ombre e velo */
  /* livello 1 · primitivi — triade e innesto */
  --nlg-red:#D8453D; --nlg-yellow:#F0B429; --nlg-green:#12A06A;
  /* livello 1 · primitivi — neutri freddi */
  --nlg-n-25:#FAFBFD; --nlg-n-50:#F4F6FA; --nlg-n-100:#EAEDF3; --nlg-n-200:#D9DEE8; --nlg-n-300:#B9C1D1;
  --nlg-n-400:#8A93A6; --nlg-n-500:#666F84; --nlg-n-600:#4A5266; --nlg-n-700:#333B4D; --nlg-n-800:#1E2536; --nlg-n-900:#0F1522;
  /* livello 1 · primitivi — superfici scure */
  --nlg-d-canvas:#0B0F18; --nlg-d-surface-1:#141926; --nlg-d-surface-2:#1C2233; --nlg-d-border:#2A3244;
  --nlg-d-text-1:#F2F5FA; --nlg-d-text-2:#A8B2C4; --nlg-d-text-3:#7A8599;

  /* livello 2 · semantici — luce chiara (nativa) */
  --nlg-canvas:var(--nlg-n-25); --nlg-surface-1:#FFFFFF; --nlg-surface-2:var(--nlg-n-50);
  --nlg-border:var(--nlg-n-100); --nlg-border-strong:var(--nlg-n-200);
  --nlg-text-1:var(--nlg-n-900); --nlg-text-2:var(--nlg-n-600); --nlg-text-3:var(--nlg-n-500);
  --nlg-disabled:var(--nlg-n-400);
  --nlg-action:var(--nlg-blue-600); --nlg-action-hover:var(--nlg-blue-700); --nlg-action-press:var(--nlg-blue-800);
  --nlg-text-onaction:#FFFFFF; --nlg-focus:var(--nlg-blue-500);   /* anello di focus: 4,9 sulla tela chiara (WCAG 1.4.11, soglia 3,0) */
  --nlg-blue-ink:var(--nlg-blue-600);   /* blu come TESTO — 5,9 su bianco */
  --nlg-green-ink:#12805A;              /* verde come testo — 4,8 */
  --nlg-scrim:color-mix(in srgb, var(--nlg-blue-950) 48%, transparent);

  /* livello 3 · componente — il marchio: la forma è fissa, l'inchiostro è del tema */
  --nlg-mark:var(--nlg-red);
  --nlg-logotype:var(--nlg-blue-600);
  --nlg-logo-dot:var(--nlg-n-500);

  /* livello 3 · componente — la barra: un colore per livello */
  --nlg-bar-blue:var(--nlg-blue-600); --nlg-bar-red:var(--nlg-red);
  --nlg-bar-yellow:var(--nlg-yellow); --nlg-bar-green:var(--nlg-green);

  /* livello 2 · semantici — feedback: fondo, bordo, inchiostro; il pieno solo dove un componente lo usa */
  --nlg-success:#12855A; --nlg-success-bg:#E7F5EE; --nlg-success-border:#A8DCC4; --nlg-success-ink:#0B5C3E;
  --nlg-warning-bg:#FFF4E0; --nlg-warning-border:#F3D19A; --nlg-warning-ink:#7A4D00;
  --nlg-error:#C8372B;   --nlg-error-bg:#FCEDEB;   --nlg-error-border:#F1B7B1;   --nlg-error-ink:#8F2720;
  --nlg-info-bg:var(--nlg-blue-50); --nlg-info-border:var(--nlg-blue-200); --nlg-info-ink:var(--nlg-blue-800);
}

/* luce chiara esplicita — permette il pannello chiaro dentro una pagina scura */
[data-theme="light"]{
  color-scheme: light;
  --nlg-canvas:var(--nlg-n-25); --nlg-surface-1:#FFFFFF; --nlg-surface-2:var(--nlg-n-50);
  --nlg-border:var(--nlg-n-100); --nlg-border-strong:var(--nlg-n-200);
  --nlg-text-1:var(--nlg-n-900); --nlg-text-2:var(--nlg-n-600); --nlg-text-3:var(--nlg-n-500);
  --nlg-disabled:var(--nlg-n-400);
  --nlg-action-hover:var(--nlg-blue-700); --nlg-action-press:var(--nlg-blue-800);
  --nlg-blue-ink:var(--nlg-blue-600);
  --nlg-green-ink:#12805A;
  --nlg-mark:var(--nlg-red); --nlg-logotype:var(--nlg-blue-600); --nlg-logo-dot:var(--nlg-n-500);
  --nlg-bar-blue:var(--nlg-blue-600);
  --nlg-success-bg:#E7F5EE; --nlg-success-border:#A8DCC4; --nlg-success-ink:#0B5C3E;
  --nlg-warning-bg:#FFF4E0; --nlg-warning-border:#F3D19A; --nlg-warning-ink:#7A4D00;
  --nlg-error-bg:#FCEDEB;   --nlg-error-border:#F1B7B1;   --nlg-error-ink:#8F2720;
  --nlg-info-bg:var(--nlg-blue-50); --nlg-info-border:var(--nlg-blue-200); --nlg-info-ink:var(--nlg-blue-800);
}

/* luce scura — ridefinisce i soli semantici; vale sul root e su un contenitore */
[data-theme="dark"]{
  color-scheme: dark;
  --nlg-focus:var(--nlg-blue-300);   /* anello di focus sulla tela scura */
  --nlg-canvas:var(--nlg-d-canvas); --nlg-surface-1:var(--nlg-d-surface-1); --nlg-surface-2:var(--nlg-d-surface-2);
  --nlg-border:var(--nlg-d-border); --nlg-border-strong:#39445C;
  --nlg-text-1:var(--nlg-d-text-1); --nlg-text-2:var(--nlg-d-text-2); --nlg-text-3:var(--nlg-d-text-3);
  --nlg-disabled:#4A5670;
  --nlg-action-hover:var(--nlg-blue-500); --nlg-action-press:var(--nlg-blue-400);
  --nlg-blue-ink:var(--nlg-blue-300);   /* blu come testo su scuro — 8,3 */
  --nlg-green-ink:#45D69E;
  --nlg-mark:var(--nlg-d-text-1); --nlg-logotype:var(--nlg-d-text-1); --nlg-logo-dot:var(--nlg-d-text-3);
  --nlg-bar-blue:var(--nlg-blue-500);   /* il blu sale per staccarsi dal canvas */
  --nlg-success-bg:#0E2A1E; --nlg-success-border:#1C4A34; --nlg-success-ink:#45D69E;
  --nlg-warning-bg:#2B2010; --nlg-warning-border:#4E3A16; --nlg-warning-ink:#F3C36A;
  --nlg-error-bg:#2E1512;   --nlg-error-border:#57291F;   --nlg-error-ink:#F0837B;
  --nlg-info-bg:#111B3C;    --nlg-info-border:#26386E;    --nlg-info-ink:var(--nlg-blue-300);
}

/* «Sistema» — la luce del dispositivo, zero JS */
@media (prefers-color-scheme: dark){
  [data-theme="auto"]{
    color-scheme: dark;
    --nlg-focus:var(--nlg-blue-300);
    --nlg-canvas:var(--nlg-d-canvas); --nlg-surface-1:var(--nlg-d-surface-1); --nlg-surface-2:var(--nlg-d-surface-2);
    --nlg-border:var(--nlg-d-border); --nlg-border-strong:#39445C;
    --nlg-text-1:var(--nlg-d-text-1); --nlg-text-2:var(--nlg-d-text-2); --nlg-text-3:var(--nlg-d-text-3);
    --nlg-disabled:#4A5670;
    --nlg-action-hover:var(--nlg-blue-500); --nlg-action-press:var(--nlg-blue-400);
    --nlg-blue-ink:var(--nlg-blue-300);
    --nlg-green-ink:#45D69E;
    --nlg-mark:var(--nlg-d-text-1); --nlg-logotype:var(--nlg-d-text-1); --nlg-logo-dot:var(--nlg-d-text-3);
    --nlg-bar-blue:var(--nlg-blue-500);
    --nlg-success-bg:#0E2A1E; --nlg-success-border:#1C4A34; --nlg-success-ink:#45D69E;
    --nlg-warning-bg:#2B2010; --nlg-warning-border:#4E3A16; --nlg-warning-ink:#F3C36A;
    --nlg-error-bg:#2E1512;   --nlg-error-border:#57291F;   --nlg-error-ink:#F0837B;
    --nlg-info-bg:#111B3C;    --nlg-info-border:#26386E;    --nlg-info-ink:var(--nlg-blue-300);
  }
}

/* la selezione del testo — la coppia «inchiostro su azione piena», già misurata nel § 2.2.2 del
   libro: la selezione eredita una prova che esiste. Vale in entrambe le luci, per tutto ciò che
   si può selezionare; nessun componente la ridefinisce. */
::selection{ background:var(--nlg-action); color:var(--nlg-text-onaction); }