@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

:root {
  --primary: #0058bd;
  --primary-dark: #004494;
  --secondary: #0b1c30;
  --text-main: #0b1c30;
  --text-muted: #424753;
  --bg-light: #f8f9ff;
  --bg-accent: #eff4ff;
}

body {
  font-family: 'Inter', sans-serif;
  color: var(--text-main);
  background-color: var(--bg-light);
  overflow-x: hidden;
}

[data-lucide] {
  width: 20px;
  height: 20px;
}

.lucide-large {
  width: 32px;
  height: 32px;
}

.lucide-hero {
  width: 40px;
  height: 40px;
}

/* Animations */
.animate-fade-in {
  animation: fadeIn 0.8s ease-out forwards;
}

.animate-slide-up {
  animation: slideUp 0.8s ease-out forwards;
}

.animate-slide-left {
  animation: slideLeft 0.8s ease-out forwards;
}

.animate-scale-up {
  animation: scaleUp 0.8s ease-out forwards;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes slideUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes slideLeft {
  from { opacity: 0; transform: translateX(-50px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes scaleUp {
  from { opacity: 0; transform: scale(0.9); }
  to { opacity: 1; transform: scale(1); }
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #ccd4df;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #adb9ca;
}