:root {
  --blue:   #4f8ef7;
  --green:  #00d68f;
  --red:    #ff6b6b;
  --orange: #ff9f43;
  --purple: #6dacff;

  --bg:     #0a0b0f;
  --bg2:    #121317;
  --card:   #131620;
  --card2:  #1d202a;
  --border: #1e2338;

  --text:   #e8ecf4;
  --t2:     #8892b0;
  --muted:  #8892b0;
  --rs:     10px;
}

/* Global font */
*, body {
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif !important;
}

/* Sidebar - both admin & user */
.sidebar,
#mainSB,
#adminSB {
  background: #0f1117 !important;
  border-right: 1px solid #1e2338 !important;
}

/* Body background */
body {
  background: #0a0b0f !important;
  color: #e8ecf4 !important;
}

/* Cards */
.card {
  background: #131620 !important;
  border-color: #1e2338 !important;
}

/* Navbar/topbar */
.mob-bar,
.topbar,
header {
  background: #121317 !important;
  border-bottom-color: #1e2338 !important;
}

/* Nav links */
.nav-link {
  color: #8892b0 !important;
}
.nav-link.active,
.nav-link:hover {
  color: #4f8ef7 !important;
  background: rgba(0,0,0,0.1) !important;
}

/* Buttons */
.btn-primary {
  background: linear-gradient(135deg, #4f8ef7, #63a2ff) !important;
}

/* Inputs */
.form-control,
.form-select {
  background: #0a0b0f !important;
  border-color: #1e2338 !important;
  color: #e8ecf4 !important;
}
.form-control:focus,
.form-select:focus {
  border-color: #4f8ef7 !important;
}

/* Tables */
table th {
  background: #1d202a !important;
  color: #8892b0 !important;
}
table tr:hover td {
  background: #1d202a !important;
}

/* Badges */
.badge-success { background: rgba(0,0,0,0.2); color: #00d68f !important; }
.badge-danger  { background: rgba(0,0,0,0.2); color: #ff6b6b !important; }
.badge-warning { background: rgba(0,0,0,0.2); color: #ff9f43 !important; }