:root { --accent:#8A2BE2; --bg:#0f1114; --panel:#11161b; --border:#212a33; --text:#e7e9ee; --text-dim:#a7b0bb; }
body, [themebg-pattern] { background:var(--bg)!important; color:var(--text)!important; }
.section, .login-block, .profile-card, .at-surface { background:transparent!important; }
.profile-card, .card, .panel, .form-control, .btn, .checkbox-fade, .waves-effect {
  border-color:var(--border)!important;
}
.profile-card, .card, .panel {
  background:var(--panel)!important;
  color:var(--text)!important;
}
.form-control, input, select, textarea {
  background:#0d1217!important; color:var(--text)!important; border:1px solid var(--border)!important;
}
.form-control:focus { outline:none; border-color:#2a1e4e!important; box-shadow:none!important; }
.btn-primary, .btn.btn-primary {
  background:var(--accent)!important; border-color:#6e20c2!important; color:#fff!important;
}
.btn-outline, .btn.btn-outline-light {
  background:transparent!important; color:#d9deea!important; border:1px solid var(--border)!important;
}
a { color:#b897ff!important; }
a:hover { color:#d6c1ff!important; }
label, .input-label, .float-label { color:var(--text-dim)!important; }
hr.blue-hr { border-color:var(--border)!important; }