:root[data-theme="dark"]{
  --bg:#0A0F1A;
  --text:#E6F0FF; --muted:#9FB3C8;
  --primary:#22D3EE; --accent-neon:#63F5FF; --accent-neon-soft:rgba(99,245,255,.35);
  --sb-bg: linear-gradient(135deg, rgba(10,15,26,.95), rgba(16,22,40,.95));
  --sb-border:rgba(118,208,255,.14); --sb-width:320px;
  --btn-grad-a:#FFD84D; --btn-grad-b:#22D3EE;

  /* vidro mais fechado para leitura */
  --card-glass-bg: rgba(10,10,15,.60);
  --card-border-color: rgba(255,255,255,.20);
}
body[data-theme="dark"]{
  background-color:#0A0F1A;
  background-image: linear-gradient(135deg, #0A0F1A, #101628);
  background-attachment: fixed;
}

/* Hover/efeitos da sidebar (como já enviados antes) */
.sidebar .item{ overflow:visible }
.sidebar .item::after{
  content:""; position:absolute; inset:-8px; z-index:-1;
  background: radial-gradient(60% 60% at 50% 50%, rgba(99,245,255,.20), rgba(255,216,77,.12), transparent 70%);
  filter: blur(12px); opacity:0; transform: translateY(6px) scale(.96);
  transition: opacity .25s ease, transform .25s ease;
}
.sidebar .item:hover{
  transform: translateY(-2px);
  box-shadow:0 0 0 1px rgba(255,255,255,.12) inset, 0 0 18px var(--accent-neon-soft);
}
@keyframes darkScan { 0%{transform:translateX(-100%);opacity:0}40%{opacity:.9}100%{transform:translateX(100%);opacity:0} }
.sidebar .item:hover::before{
  background:linear-gradient(90deg, transparent, rgba(255,216,77,.28), rgba(99,245,255,.35), transparent);
  animation:darkScan .9s ease;
}
.sidebar .item:hover::after{ opacity:1; transform: translateY(0) scale(1) }
.theme-btn:hover svg::after,
.sidebar .item:hover svg::after{ box-shadow:0 0 0 12px rgba(255,216,77,.12) }