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

body { 
  font-family: 'Inter', sans-serif;
  color: #2E2E2E;
  scroll-behavior: smooth;
  background-color: white;
  transition: background-color 0.3s ease, color 0.3s ease;
}

body.dark {
  background-color: #121212;
  color: #f5f5f5;
}

section {
  padding: 80px 0;
}

.contact-popup {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.contact-popup.active {
  opacity: 1;
  pointer-events: all;
}

/* Logo switching for dark mode */
.logo-light {
  display: block;
}

.dark .logo-light {
  display: none;
}

.logo-dark {
  display: none;
}

.dark .logo-dark {
  display: block;
}

/* Mobile Menu Styles */
#mobileMenu.active {
  display: block;
}

#mobileMenu.active .fixed {
  transform: translateX(0);
}

#mobileMenu .fixed {
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
}