/* ════════════════════════════════════════════════════════════════════════
   Veriax — DIREZIONE E — LIGHT (Object / componenti / styleguide)
   Estende il light di CD (Generale E) al resto della direzione E: ridichiara i
   token [data-dir="e"] su superficie chiara (vetro smerigliato bianco, accent
   iridescente più profondo per il contrasto su bianco) e patcha i pochi punti
   che inchiodano un esadecimale scuro (campo .app/.main, .btn.primary).
   Nessuna modifica strutturale/JS. Caricato dopo styles-light.css + skin-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);
  --bloom:       radial-gradient(760px 380px at 22% -4%, rgba(78,124,255,.10), transparent 66%),
                 radial-gradient(620px 420px at 96% 2%, rgba(139,108,240,.07), transparent 70%);
}

/* Campo chiaro sul contenitore di scroll (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;
  background-image:
    linear-gradient(rgba(70,90,170,.045) 1px, transparent 1px),
    radial-gradient(rgba(70,90,170,.07) 1px, transparent 1.4px);
  background-size: 100% 104px, 26px 26px;
  background-position: 0 0, -1px -1px;
}
/* scan di load più tenue su chiaro */
html[data-theme="light"][data-dir="e"] .main::before {
  background: linear-gradient(180deg, transparent, rgba(14,150,184,.05) 70%, rgba(14,150,184,.08));
  border-bottom-color: rgba(14,150,184,.22);
}

/* Primary: l'override translucido scuro è illeggibile su bianco → accent pieno */
html[data-theme="light"][data-dir="e"] .btn.primary {
  background: var(--accent); border: 1px solid var(--accent); color: #fff;
  box-shadow: none;
}
html[data-theme="light"][data-dir="e"] .btn.primary:hover {
  background: var(--accent-2); border-color: var(--accent-2); color: #fff;
}