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

* {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

body {
  background: linear-gradient(135deg, #FDFEFE 0%, #F8F9FA 100%);
  min-height: 100vh;
}

.page-header {
  padding: 3rem 1rem;
}

.main-content {
  max-width: 64rem;
  margin: 0 auto;
  padding: 2rem;
}

// Add smooth scrolling
html {
  scroll-behavior: smooth;
}

// Custom animations
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.main-content > * {
  animation: fadeInUp 0.6s ease-out;
}