/* dark.css — Modalità scura */
[data-theme="dark"] {
  --green: #2ecc71;
  --green-600: #27ae60;
  --navy: #4a6fa5;
  --ink: #f0f0f0;
  --muted: #a0a0a0;
  --bg: #121212;
  --card: #1e1e1e;
  --line: #333333;
  --soft-1: #1a2b1f;
  --soft-2: #1a2533;
}

/* Override espliciti per elementi con sfondo trasparente/semi-trasparente */
[data-theme="dark"] .site-header {
  background: rgba(30, 30, 30, 0.85);
  border-bottom-color: rgba(51, 51, 51, 0.6);
}

[data-theme="dark"] .hero {
  background: #0f1213;
}

[data-theme="dark"] .hero-inner,
[data-theme="dark"] .eyebrow,
[data-theme="dark"] .team-container,
[data-theme="dark"] .chip {
  background: rgba(30, 30, 30, 0.7);
  border-color: var(--line);
  color: var(--ink);
}

[data-theme="dark"] .section-sub,
[data-theme="dark"] .lead,
[data-theme="dark"] .card p,
[data-theme="dark"] .bubble-role,
[data-theme="dark"] .site-footer {
  color: var(--muted);
}

[data-theme="dark"] .main-nav a,
[data-theme="dark"] .bubble-name,
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] p,
[data-theme="dark"] h3 {
  color: var(--ink);
}

/* Pulsanti ghost in dark mode */
[data-theme="dark"] .cta--ghost {
  color: var(--ink);
  border-color: var(--line);
}

[data-theme="dark"] .cta--ghost:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: var(--green);
  color: var(--green);
}
[data-theme="dark"] .cta-band {
  background: rgba(240, 250, 245, 0.0);
}

/* Footer */
[data-theme="dark"] .site-footer {
  background: #1a1a1a;
  border-top-color: var(--line);
}

/* Effetti di glow/parallax: opacità ridotta per non abbagliare */
[data-theme="dark"] .hero-swirl,
[data-theme="dark"] .hero-glow {
  opacity: 0.4;
}

/* Card media overlay più scura */
[data-theme="dark"] .card__media::after {
  background: linear-gradient(to top, rgba(0,0,0,0.4), transparent 60%);
}
/* ===== MENU MOBILE IN DARK MODE ===== */

[data-theme="dark"] .main-nav {
  background: transparent;  /* nessun rettangolo più scuro */
  color: var(--ink);
  border: none;
  box-shadow: none;
}
@media (max-width: 768px) {
  [data-theme="dark"] .main-nav {
    background: rgba(40, 40, 40, 1); /* più chiaro e in linea con l'header */
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255,255,255,0.08);
  }
}

[data-theme="dark"] .main-nav a {
  color: var(--ink);
  border-bottom-color: var(--line);
}

[data-theme="dark"] .main-nav a:hover {
  color: var(--green);
  background: rgba(47, 204, 112, 0.1);
}

/* Bottone hamburger (menu toggle) in dark mode */
[data-theme="dark"] .mobile-toggle {
  color: var(--ink);
}

[data-theme="dark"] .mobile-toggle:hover {
  color: var(--green);
  background: rgba(47, 204, 112, 0.1);
}

/* Logo nel menu mobile in dark mode */
[data-theme="dark"] .main-nav .logo {
  filter: brightness(1.5);
}

/* Se hai un bottone di chiusura (X) nel menu mobile */
[data-theme="dark"] .close-menu-btn,
[data-theme="dark"] .hamburger-close {
  color: var(--ink);
  border-color: var(--line);
}

[data-theme="dark"] .close-menu-btn:hover,
[data-theme="dark"] .hamburger-close:hover {
  color: var(--green);
  background: #2fcc701a;
}