/* Tema Verde — sobrescribe variables del tema base */
@import url('estilos.css');

:root {
  --bg:        #010f06;
  --bg2:       #021a0a;
  --card:      rgba(0,200,80,0.04);
  --border:    rgba(0,200,80,0.1);
  --text:      #d4f5e0;
  --muted:     #3a7a52;
  --accent:    #10b981;
  --glow:      0 0 20px rgba(16,185,129,0.35);
}
.bg-canvas {
  background:
    radial-gradient(ellipse 80% 60% at 20% 10%, rgba(16,185,129,0.07) 0%, transparent 60%),
    radial-gradient(ellipse 60% 80% at 80% 90%, rgba(5,100,50,0.08) 0%, transparent 60%),
    var(--bg);
}
.logo-icon { background: linear-gradient(135deg, #10b981, #065f46); box-shadow: 0 0 16px rgba(16,185,129,0.4); }
.status-dot { background: #10b981; box-shadow: 0 0 8px #10b981; }
.toggle.on { background: rgba(16,185,129,0.3); border-color: rgba(16,185,129,0.5); }
.toggle.on::after { background: #10b981; box-shadow: 0 0 8px #10b981; }
.menu-item.activo { color: #10b981; background: rgba(16,185,129,0.08); border-color: rgba(16,185,129,0.2); }