/* =========================
   THEME VARIABLES
========================= */
:root{
  --bg:#eef6ff;
  --card:#ffffff;

  --text:#0b1f3a;
  --muted:#4b6b88;

  --primary:#1e40af;
  --secondary:#3b82f6;

  --border:#dbeafe;
}

[data-theme="dark"]{
  --bg:#0b1020;
  --card:#111827;

  --text:#e5e7eb;
  --muted:#94a3b8;

  --primary:#3b82f6;
  --secondary:#60a5fa;

  --border:#1f2937;
}

/* =========================
   GLOBAL BASE
========================= */
body{
  font-family:Poppins,sans-serif;
  background:var(--bg);
  color:var(--text);
}

.text-muted{ color:var(--muted)!important; }


body {
  overflow: auto;
  -ms-overflow-style: none; 
  scrollbar-width: none;    
}

body::-webkit-scrollbar {
  display: none;            
}



/* =========================
   NAVBAR
========================= */
.navbar{
  background:linear-gradient(90deg,var(--primary),var(--secondary));
}

.navbar-logo{
  height:50px;
  width:auto;
  object-fit:contain;
}




/* Responsive logo */
@media (min-width:1200px){ .navbar-logo{height:52px} }
@media (max-width:991px){ .navbar-logo{height:46px} }

@media (max-width:991px){ .navbar-nav{display: flex;
    flex-direction: column-reverse;} }
@media (max-width:576px){ .navbar-logo{height:42px} }



/* =========================
   COMMON UI
========================= */
.card-custom{
  background:var(--card);
  border-radius:18px;
  box-shadow:0 10px 30px rgba(0,0,0,.12);
}

.counter{
  font-size:2.4rem;
  font-weight:700;
  color:var(--primary);
}

/* =========================
   FOOTER
========================= */
footer{
  background:linear-gradient(90deg,var(--primary),var(--secondary));
  color:#fff;
}

/* =========================
   LOADER
========================= */
#loader{
  position:fixed;
  inset:0;
  background:#0b1020;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:9999;
}

.loader-logo{
  max-width:220px;
  width:60%;
  height:auto;
  animation:pulse 1.5s infinite;
}

@keyframes pulse{
  0%{opacity:.4}
  50%{opacity:1}
  100%{opacity:.4}
}