/* ===== THEME SWITCHER UI ===== */
.theme-switcher{position:fixed;top:80px;left:16px;z-index:200;display:flex;flex-direction:column;gap:8px;background:rgba(0,0,0,.25);backdrop-filter:blur(12px);padding:8px;border-radius:24px;border:1px solid rgba(255,255,255,.08)}
.theme-btn{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .3s;outline:none;position:relative}
.theme-btn:hover{transform:scale(1.15)}
.theme-btn.active{border-color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.3)}
body.theme-light .theme-switcher{background:rgba(255,255,255,.6);border-color:rgba(0,0,0,.08)}
body.theme-light .theme-btn.active{border-color:#6d28d9;box-shadow:0 0 0 2px rgba(109,40,217,.2)}

/* =============================================
   LIGHT THEME - Clean white with violet accent
   ============================================= */
body.theme-light{
  --bg:#f8fafc;--card:#ffffff;--card-border:#e2e8f0;
  --text:#0f172a;--text-secondary:#334155;--muted:#64748b;
  --accent:#7c3aed;--accent2:#a78bfa;--accent-glow:rgba(124,58,237,.08);
  --gradient:linear-gradient(135deg,#7c3aed,#6d28d9);
  --nav-bg:rgba(255,255,255,.85);--nav-border:#e2e8f0;
  --input-bg:#f1f5f9;--input-border:#cbd5e1;--input-text:#1e293b;
  --shadow:0 4px 20px rgba(0,0,0,.06);--shadow-hover:0 12px 40px rgba(124,58,237,.12)
}
body.theme-light{background:var(--bg);color:var(--text)}
body.theme-light .glow{opacity:.04}
body.theme-light nav{background:var(--nav-bg);border-color:var(--nav-border)}
body.theme-light .logo{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body.theme-light .nav-links a{color:var(--muted)}
body.theme-light .nav-links a:hover{color:var(--text)}
body.theme-light .nav-btn{background:var(--gradient);color:#fff}
body.theme-light .hero h1{color:var(--text)}
body.theme-light .hero h1 span{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body.theme-light .hero p{color:var(--text-secondary)}
body.theme-light .hero-badge{background:var(--accent-glow);border-color:rgba(124,58,237,.2);color:var(--accent)}
body.theme-light .btn-primary{background:var(--gradient);color:#fff;box-shadow:0 8px 25px rgba(124,58,237,.25)}
body.theme-light .btn-primary:hover{box-shadow:0 12px 35px rgba(124,58,237,.35)}
body.theme-light .btn-outline{border-color:var(--card-border);color:var(--text);background:#fff}
body.theme-light .btn-outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}
body.theme-light .stat-num{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body.theme-light .stat-label{color:var(--muted)}
body.theme-light .hero-phone div{background:linear-gradient(180deg,#ede9fe,#f5f3ff);border-color:#ddd6fe;box-shadow:0 20px 50px rgba(0,0,0,.06)}
body.theme-light .section-title h2{color:var(--text)}
body.theme-light .section-title h2 span{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body.theme-light .section-title p{color:var(--muted)}
body.theme-light .fcard{background:var(--card);border-color:var(--card-border);box-shadow:var(--shadow)}
body.theme-light .fcard:hover{box-shadow:var(--shadow-hover);border-color:rgba(124,58,237,.25);transform:translateY(-6px)}
body.theme-light .fcard h3{color:var(--text)}
body.theme-light .fcard p{color:var(--muted)}
body.theme-light .download-section{background:linear-gradient(180deg,#faf5ff,#f5f3ff);border-color:var(--card-border)}
body.theme-light .dcard{background:var(--card);border-color:var(--card-border);box-shadow:var(--shadow)}
body.theme-light .dcard:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}
body.theme-light .dcard h3{color:var(--text)}
body.theme-light .dcard p{color:var(--muted)}
body.theme-light footer{border-color:var(--card-border);color:var(--muted)}
body.theme-light footer div{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body.theme-light .chat-fab{background:var(--gradient);box-shadow:0 8px 25px rgba(124,58,237,.3)}
body.theme-light .chat-box{background:#fff;border-color:var(--card-border);box-shadow:0 20px 60px rgba(0,0,0,.1)}
body.theme-light .chat-header{background:var(--gradient)}
body.theme-light .chat-bubble.admin{background:#f1f5f9;border-color:#e2e8f0;color:#1e293b}
body.theme-light .chat-name-form input{background:var(--input-bg);color:var(--input-text);border-color:var(--input-border)}
body.theme-light .chat-input-area{border-color:var(--card-border)}
body.theme-light .chat-input-area input{background:var(--input-bg);color:var(--input-text);border-color:var(--input-border)}

/* =============================================
   SKY THEME - Deep ocean blue
   ============================================= */
body.theme-sky{
  --bg:#0b1120;--card:rgba(15,25,50,.65);--card-border:rgba(56,189,248,.12);
  --text:#e0f2fe;--text-secondary:#bae6fd;--muted:#7dd3fc;
  --accent:#0ea5e9;--accent2:#38bdf8;--accent-glow:rgba(14,165,233,.1);
  --gradient:linear-gradient(135deg,#0ea5e9,#0284c7);
  --nav-bg:rgba(11,17,32,.85);--nav-border:rgba(56,189,248,.1)
}
body.theme-sky{background:var(--bg);color:var(--text)}
body.theme-sky .glow-1{background:#0ea5e9}
body.theme-sky .glow-2{background:#0284c7}
body.theme-sky nav{background:var(--nav-bg);border-color:var(--nav-border)}
body.theme-sky .logo{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body.theme-sky .nav-links a{color:var(--muted)}
body.theme-sky .nav-btn{background:var(--gradient)}
body.theme-sky .hero h1 span{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body.theme-sky .hero p{color:var(--text-secondary)}
body.theme-sky .hero-badge{background:var(--accent-glow);border-color:rgba(14,165,233,.25);color:var(--accent)}
body.theme-sky .btn-primary{background:var(--gradient);box-shadow:0 8px 25px rgba(14,165,233,.3)}
body.theme-sky .btn-outline{border-color:var(--card-border);color:var(--text)}
body.theme-sky .btn-outline:hover{border-color:var(--accent);background:var(--accent-glow)}
body.theme-sky .stat-num{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body.theme-sky .stat-label{color:var(--muted)}
body.theme-sky .hero-phone div{background:linear-gradient(180deg,#0c4a6e,#082f49);border-color:rgba(14,165,233,.25);box-shadow:0 20px 50px rgba(14,165,233,.12)}
body.theme-sky .section-title h2 span{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body.theme-sky .section-title p{color:var(--muted)}
body.theme-sky .fcard{background:var(--card);border-color:var(--card-border)}
body.theme-sky .fcard:hover{border-color:rgba(14,165,233,.3);box-shadow:0 12px 40px rgba(14,165,233,.1)}
body.theme-sky .fcard h3{color:var(--text)}
body.theme-sky .fcard p{color:var(--muted)}
body.theme-sky .download-section{background:linear-gradient(180deg,rgba(14,165,233,.04),rgba(2,132,199,.04));border-color:var(--card-border)}
body.theme-sky .dcard{background:var(--card);border-color:var(--card-border)}
body.theme-sky .dcard h3{color:var(--text)}
body.theme-sky .dcard p{color:var(--muted)}
body.theme-sky footer{border-color:var(--card-border);color:var(--muted)}
body.theme-sky .chat-fab{background:var(--gradient);box-shadow:0 8px 25px rgba(14,165,233,.3)}
body.theme-sky .chat-header{background:var(--gradient)}

/* =============================================
   EMERALD THEME - Dark forest green
   ============================================= */
body.theme-emerald{
  --bg:#021a13;--card:rgba(4,45,32,.6);--card-border:rgba(52,211,153,.1);
  --text:#d1fae5;--text-secondary:#a7f3d0;--muted:#6ee7b7;
  --accent:#10b981;--accent2:#34d399;--accent-glow:rgba(16,185,129,.1);
  --gradient:linear-gradient(135deg,#10b981,#059669);
  --nav-bg:rgba(2,26,19,.85);--nav-border:rgba(52,211,153,.08)
}
body.theme-emerald{background:var(--bg);color:var(--text)}
body.theme-emerald .glow-1{background:#10b981}
body.theme-emerald .glow-2{background:#059669}
body.theme-emerald nav{background:var(--nav-bg);border-color:var(--nav-border)}
body.theme-emerald .logo{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body.theme-emerald .nav-links a{color:var(--muted)}
body.theme-emerald .nav-btn{background:var(--gradient)}
body.theme-emerald .hero h1 span{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body.theme-emerald .hero p{color:var(--text-secondary)}
body.theme-emerald .hero-badge{background:var(--accent-glow);border-color:rgba(16,185,129,.2);color:var(--accent)}
body.theme-emerald .btn-primary{background:var(--gradient);box-shadow:0 8px 25px rgba(16,185,129,.3)}
body.theme-emerald .btn-outline{border-color:var(--card-border);color:var(--text)}
body.theme-emerald .btn-outline:hover{border-color:var(--accent);background:var(--accent-glow)}
body.theme-emerald .stat-num{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body.theme-emerald .hero-phone div{background:linear-gradient(180deg,#064e3b,#022c22);border-color:rgba(16,185,129,.2);box-shadow:0 20px 50px rgba(16,185,129,.1)}
body.theme-emerald .section-title h2 span{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body.theme-emerald .fcard{background:var(--card);border-color:var(--card-border)}
body.theme-emerald .fcard:hover{border-color:rgba(16,185,129,.3);box-shadow:0 12px 40px rgba(16,185,129,.1)}
body.theme-emerald .download-section{background:linear-gradient(180deg,rgba(16,185,129,.04),rgba(5,150,105,.04));border-color:var(--card-border)}
body.theme-emerald .dcard{background:var(--card);border-color:var(--card-border)}
body.theme-emerald footer{border-color:var(--card-border);color:var(--muted)}
body.theme-emerald .chat-fab{background:var(--gradient)}
body.theme-emerald .chat-header{background:var(--gradient)}

/* =============================================
   ROSE THEME - Dark elegant rose
   ============================================= */
body.theme-rose{
  --bg:#160a10;--card:rgba(30,12,20,.6);--card-border:rgba(244,63,94,.1);
  --text:#ffe4e6;--text-secondary:#fecdd3;--muted:#fda4af;
  --accent:#f43f5e;--accent2:#fb7185;--accent-glow:rgba(244,63,94,.1);
  --gradient:linear-gradient(135deg,#f43f5e,#e11d48);
  --nav-bg:rgba(22,10,16,.85);--nav-border:rgba(244,63,94,.08)
}
body.theme-rose{background:var(--bg);color:var(--text)}
body.theme-rose .glow-1{background:#f43f5e}
body.theme-rose .glow-2{background:#e11d48}
body.theme-rose nav{background:var(--nav-bg);border-color:var(--nav-border)}
body.theme-rose .logo{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body.theme-rose .nav-links a{color:var(--muted)}
body.theme-rose .nav-btn{background:var(--gradient)}
body.theme-rose .hero h1 span{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body.theme-rose .hero p{color:var(--text-secondary)}
body.theme-rose .hero-badge{background:var(--accent-glow);border-color:rgba(244,63,94,.2);color:var(--accent)}
body.theme-rose .btn-primary{background:var(--gradient);box-shadow:0 8px 25px rgba(244,63,94,.3)}
body.theme-rose .btn-outline{border-color:var(--card-border);color:var(--text)}
body.theme-rose .btn-outline:hover{border-color:var(--accent);background:var(--accent-glow)}
body.theme-rose .stat-num{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body.theme-rose .hero-phone div{background:linear-gradient(180deg,#4c0519,#1a0a14);border-color:rgba(244,63,94,.2);box-shadow:0 20px 50px rgba(244,63,94,.1)}
body.theme-rose .section-title h2 span{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body.theme-rose .fcard{background:var(--card);border-color:var(--card-border)}
body.theme-rose .fcard:hover{border-color:rgba(244,63,94,.3);box-shadow:0 12px 40px rgba(244,63,94,.1)}
body.theme-rose .download-section{background:linear-gradient(180deg,rgba(244,63,94,.04),rgba(225,29,72,.04));border-color:var(--card-border)}
body.theme-rose .dcard{background:var(--card);border-color:var(--card-border)}
body.theme-rose footer{border-color:var(--card-border);color:var(--muted)}
body.theme-rose .chat-fab{background:var(--gradient)}
body.theme-rose .chat-header{background:var(--gradient)}