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

:root {
  --bg:        #0f0a00;
  --bg2:       #1a1200;
  --card:      rgba(255,180,0,0.04);
  --border:    rgba(255,180,0,0.1);
  --text:      #f5e6c8;
  --muted:     #8a7040;
  --accent:    #f59e0b;
  --glow:      0 0 20px rgba(245,158,11,0.35);
}
.bg-canvas {
  background:
    radial-gradient(ellipse 80% 60% at 20% 10%, rgba(245,158,11,0.07) 0%, transparent 60%),
    radial-gradient(ellipse 60% 80% at 80% 90%, rgba(180,80,0,0.08) 0%, transparent 60%),
    var(--bg);
}
.logo-icon { background: linear-gradient(135deg, #f59e0b, #b45309); box-shadow: 0 0 16px rgba(245,158,11,0.4); }
.status-dot { background: #f59e0b; box-shadow: 0 0 8px #f59e0b; }
.toggle.on { background: rgba(245,158,11,0.3); border-color: rgba(245,158,11,0.5); }
.toggle.on::after { background: #f59e0b; box-shadow: 0 0 8px #f59e0b; }
.menu-item.activo { color: #f59e0b; background: rgba(245,158,11,0.08); border-color: rgba(245,158,11,0.2); }