/* Hi-definition dark theme for Zisanda-hub */
:root[data-theme='dark']{
  --bg:#030409;
  --panel:#071018;
  --muted:#94a3b8;
  --text:#e6eef6;
  --accent:#06b6d4;
  --accent-2:#22c55e;
}

body[data-theme='dark']{
  background: radial-gradient(ellipse at 10% 20%, rgba(6,182,212,0.035), transparent), linear-gradient(180deg, rgba(2,6,23,0.6), rgba(2,6,23,0.9));
  color: var(--text);
}

/* keyboard focus outline for dark variant */
:focus {
  outline: 2px solid var(--agent-accent);
  outline-offset: 2px;
}

.hero-container{
  /* dark theme only overrides background via variables; padding & color from base */
}

/* .glass-card{
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  border: 1px solid rgba(255,255,255,0.04);
  transition: transform 220ms cubic-bezier(.2,.9,.2,1), box-shadow 220ms;
  -webkit-transition: transform 220ms cubic-bezier(.2,.9,.2,1), box-shadow 220ms;
} */

.agent-card .title{ color: var(--text); }

.agent-badge{ box-shadow: 0 10px 30px rgba(2,6,23,0.6); }

#agent-fab{ box-shadow: 0 20px 60px rgba(6,182,212,0.12); }

/* Dark theme high-definition gloss dots */
.agent-card::after{
  content:''; position:absolute; right:18px; bottom:12px; width:72px; height:72px; border-radius:50%;
  background: radial-gradient(circle at 30% 30%, rgba(6,182,212,0.06), transparent 40%), radial-gradient(circle at 70% 70%, rgba(34,197,94,0.04), transparent 40%);
  filter: blur(10px); opacity:0.95;
}

/* subtle glass border glow */
.glass-card{ box-shadow: 0 8px 30px rgba(2,6,23,0.6), inset 0 1px 0 rgba(255,255,255,0.02); }

/* dark theme enhancements */
/* hero subtitle styling moved to themes.css shared section */