:root {
    --bg-main: #f7f8fa;
    --dark-main: #1f2933;     
    --dark-soft: #374151;
    --accent: #1f7a63;         
    --accent-soft: #e6f2ef;
    --text-main: #111827;
    --muted: #6b7280;
    --radius-lg: 20px;
    --radius-md: 14px;
    --shadow-soft: 0 10px 28px rgba(0,0,0,0.08);
  }
body {
    font-family: "Vazir", Tahoma, sans-serif;
    line-height: 1.9;

  }
.navbar {
    transition: all .3s ease;
    
  background: rgba(43, 59, 75, 0.95) !important;
  }
  .navbar.scrolled {
    background: rgba(31,41,51,0.95) !important;
    box-shadow: 0 6px 24px rgba(0,0,0,0.2);
    backdrop-filter: blur(2px);
    border-bottom: 1px solid  rgba(58, 68, 77, 0.95);
  }
  .navbar-brand {
    font-weight: 800;
    letter-spacing: -0.5px;
  }
  .nav-link {
    color: #e5e7eb !important;
    opacity: 0.85;
    transition: opacity .2s ease;
  }
  .nav-link:hover, .nav-link.active {
    opacity: 1;
  }





  
/* Footer */
footer {
  background: #111827;
  color: #9ca3af;
  padding: 70px 0 30px;
}
footer h5 {
  color: #fff;
  font-weight: 800;
  margin-bottom: 16px;
}
footer a {
  color: #9ca3af;
  text-decoration: none;
  transition: color .2s ease;
}
footer a:hover {
  color: #fff;
}