@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root{
  --font-main: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --text: #111827;
  --muted: #4B5563;
}

/* Global font */
html, body{
  font-family: var(--font-main) !important;
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Paragraphs & links */
p, li, a{
  font-size: 16px;
  line-height: 1.9;
  color: var(--muted);
}

/* Headings */
h1{
  font-size: 40px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.02em;
}
h2{
  font-size: 28px;
  line-height: 1.25;
  font-weight: 700;
}
h3{
  font-size: 22px;
  line-height: 1.3;
  font-weight: 700;
}
h4, h5, h6{
  font-weight: 600;
}

/* Pill label style (Spices tag look) */
.kicker-pill{
  display:inline-flex;
  align-items:center;
  padding: 8px 16px;
  border-radius: 999px;
  background:#E8FFF2;
  color:#0F7A3B;
  font-weight:600;
  font-size:14px;
}

/* Responsive */
@media (max-width: 768px){
  h1{ font-size: 32px; }
  h2{ font-size: 24px; }
  p, li, a{ font-size: 15px; }
}
/* ================= HEADER / NAV STYLING ================= */

/* Navbar links */
.navbar-nav .nav-link{
  font-family: var(--font-main);
  font-size: 15px;          /* clean like your screenshot */
  font-weight: 500;
  color: #111827 !important;
  letter-spacing: 0.2px;
  padding: 10px 16px;
}

/* Hover effect */
.navbar-nav .nav-link:hover{
  color: #0F7A3B !important;
}

/* Active link (optional) */
.navbar-nav .nav-item.active .nav-link{
  font-weight: 600;
  color: #0F7A3B !important;
}

/* Logo image size control */
.navbar-brand img{
  max-height: 80px;
}

/* Mobile menu spacing */
@media (max-width: 991px){
  .navbar-nav .nav-link{
    font-size: 16px;
    padding: 12px 20px;
  }
}