/* ════════════════════════════════════════════════════════════════════════
   Veriax — DIREZIONE E — LIGHT (Home / mission control)
   Stessa logica del Generale-E light di CD: token [data-dir="e"] su superficie
   chiara (vetro bianco, iridescente profondo) + grafo nodi leggibile su bianco.
   I --grid-dot/--grid-line li fornisce home.css (palette light). Caricato dopo
   styles-light.css + home-e.css.
   ════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"][data-dir="e"] {
  --cyan:        #0e96b8;
  --cyan-soft:   rgba(14, 150, 184, 0.12);
  --violet:      #7c5cf0;
  --irid:        linear-gradient(100deg, #4e7cff 0%, #19a6c2 52%, #8b6cf0 100%);
  --irid-soft:   linear-gradient(100deg, rgba(78,124,255,.12), rgba(25,166,194,.10) 52%, rgba(139,108,240,.12));
  --irid-text:   linear-gradient(100deg, #3a63e0 0%, #0e8fb0 50%, #6e49d6 100%);
  --glass-bg:    linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,250,253,.96));
  --glass-bg-2:  linear-gradient(180deg, rgba(255,255,255,.78), rgba(245,247,251,.86));
  --glass-edge:  inset 0 0 0 1px rgba(120,150,255,.16), 0 1px 2px rgba(24,26,44,.05), 0 10px 30px -18px rgba(40,60,140,.22);
  --glass-line:  rgba(120,140,200,.20);
  --glow-irid:   0 0 0 1px rgba(25,166,194,.35), 0 16px 44px -18px rgba(78,124,255,.32);
  --glow-cyan:   0 0 18px -4px rgba(14,150,184,.40);
  /* grafo di nodi su bianco: linee più scure, "lit" iridescente */
  --node-line:     rgba(70,90,170,.22);
  --node-line-lit: rgba(14,150,184,.85);
  --node-stroke:   rgba(70,90,170,.30);
  --bloom:       radial-gradient(680px 360px at 26% -6%, rgba(78,124,255,.10), transparent 66%),
                 radial-gradient(620px 420px at 92% 4%, rgba(139,108,240,.06), transparent 70%),
                 radial-gradient(520px 300px at 60% 0%, rgba(25,166,194,.05), transparent 72%);
}

/* Campo chiaro (sostituisce l'ossidiana #07070c) */
html[data-theme="light"][data-dir="e"].app { background: #eef1f6; }
html[data-theme="light"][data-dir="e"] .main { background-color: #eef1f6; }

/* CTA: translucido scuro → accent pieno leggibile su bianco */
html[data-theme="light"][data-dir="e"] .btn.cta {
  background: var(--accent); border-color: var(--accent); color: #fff;
}
html[data-theme="light"][data-dir="e"] .btn.cta:hover {
  background: var(--accent-2); border-color: var(--accent-2); color: #fff;
}