:root{--bg:#0a0e17;--card:rgba(17,24,39,0.85);--border:rgba(55,65,81,0.4);--green:#0ecb81;--red:#f6465d;--gold:#f0b90b;--text:#f1f5f9;--text2:#94a3b8;--text3:#64748b;--accent:#3b82f6;--radius:12px}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}

/* ===== Light Theme ===== */
body.light{--bg:#f8fafc;--card:rgba(255,255,255,0.95);--border:rgba(203,213,225,0.6);--text:#1e293b;--text2:#64748b;--text3:#94a3b8;--accent:#2563eb}
body.light .navbar{background:rgba(248,250,252,0.95);border-bottom:1px solid rgba(203,213,225,0.4)}
body.light .nav-link{color:var(--text2)}body.light .nav-link:hover{background:rgba(0,0,0,0.04)}
body.light .nav-link.active{color:#b45309;background:rgba(245,158,11,0.1)}
body.light .signal-card{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.06)}
body.light .signal-card.bullish{border-left:3px solid #10b981}
body.light .signal-card.bearish{border-left:3px solid #ef4444}
body.light .glass-btn{background:rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.1);color:var(--text)}
body.light .glass-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none}
body.light .form-input{background:rgba(0,0,0,0.03);border-color:rgba(0,0,0,0.1);color:var(--text)}
body.light .form-input:focus{border-color:#3b82f6}
body.light .modal-overlay{background:rgba(0,0,0,0.3)}
body.light .modal{background:#fff;box-shadow:0 24px 80px rgba(0,0,0,0.15)}
body.light .at-card{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.06)}
body.light .radar-card{background:#fff}
body.light .radar-btn.start{background:rgba(245,158,11,0.1);color:#b45309}
body.light .radar-btn.stop{background:rgba(239,68,68,0.1);color:#dc2626}
body.light .countdown-radar .bg-circle{stroke:rgba(0,0,0,0.06)}
/* Theme toggle */
.theme-toggle{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:20px;background:rgba(255,255,255,0.08);cursor:pointer;font-size:14px;transition:all .2s}
body.light .theme-toggle{background:rgba(0,0,0,0.06)}
.theme-toggle:hover{opacity:0.8}

a{color:var(--accent);text-decoration:none;cursor:pointer}
input,button,select{font-family:inherit}
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:3px}
::selection{background:rgba(59,130,246,0.3)}
/* ===== Common dark button override ===== */
.btn-dark{background:rgba(255,255,255,0.06);border:1px solid var(--border);color:var(--text);padding:8px 18px;border-radius:8px;cursor:pointer;font-size:13px;transition:all .2s}
.btn-dark:hover{background:rgba(255,255,255,0.1)}
