/* ==========================
   Base Styles & Typography
   ========================== */
html,
body {
  font-family: "Poppins", Arial, sans-serif !important;
  background: #f7f8fa;
  font-size: 1.05rem;
}

@media (max-width: 575.98px) {
  body {
    font-size: 0.96rem;
  }
}

/* Section Heights */
#hero-section,
#services,
#projects,
#portfolio,
#about,
#contact {
  min-height: 60vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* ==========================
   NAVBAR (Slimmer)
   ========================== */
.navbar-brand {
  font-weight: 700;
  letter-spacing: 1.5px;
  font-size: 1.15rem;
}
.navbar-brand img {
  height: 50px;
  margin-right: 8px;
  border-radius: 50%;
}
.navbar {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

/* ==========================
   FOOTER (Slimmer)
   ========================== */
footer {
  text-decoration: none !important;
  background: #181b2a;
  color: #b3bdd9;
  padding: 1.2rem 0 0.6rem 0;
}
.footer-logo {
  height: 50px;
  margin-right: 8px;
  border-radius: 50%;
}
.footer-company {
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.8px;
}
.footer-links a {
  color: #b3bdd9;
  margin-right: 1rem;
  text-decoration: none;
}
.footer-links a:hover {
  color: #61dafb;
}
.footer-bottom {
  color: #7a86b8;
  margin-top: 0.5rem;
}

/* ==========================
   Color Palette (Professional)
   ========================== */
/* 
Primary: #181b2a (dark navy)
Secondary: #61dafb (light blue)
Accent: #ffde59 (gold)
Neutral Text: #465172
Light Gray BG: #f7f8fa
*/