:root {
  --color-white: #ffffff;
  --color-platinum: #E5E4E2;
  --color-graphite: #383838;
  --color-dark-blue: #1e3a5f;
  --color-black: #0a0a0a;
}

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

@keyframes grow {
  from { transform: scale(0.8); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

.animate-fade {
  animation: fade 0.6s ease-in-out;
}

.animate-grow {
  animation: grow 0.8s ease-out;
}

::-webkit-scrollbar {
  width: 10px;
}

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

::-webkit-scrollbar-thumb {
  background: #1e3a5f;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #383838;
}