/* Base Styles */
body {
  font-family: 'Inter', sans-serif;
  overflow-x: hidden;
  background-color: #f8fafc;
}

.font-display {
  font-family: 'Space Grotesk', sans-serif;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #366A6A, #47C7C7);
  border-radius: 3px;
}

/* Performance Optimizations */
.will-change-transform {
  will-change: transform;
}

/* Typography */
.text-gradient {
  background: linear-gradient(135deg, #366A6A 0%, #47C7C7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.text-dark-slate {
  color: #1e293b;
}

.hover-text-dark-slate:hover {
  color: #1e293b !important;
}

.text-secondary {
  color: #47C7C7;
}

/* Hover Colors */
a:hover,
.hover-primary:hover {
  color: #366A6A !important;
}

.secondary-gradient {
  background: linear-gradient(135deg, #366A6A 0%, #47C7C7 100%);
}