@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

:root {
  --navy-900: #07172b;
  --navy-800: #0b2545;
  --navy-700: #134074;
  --navy-600: #1d528f;
  --cyan-500: #00b4d8;
  --amber-500: #d97706;
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Ticker Animation */
@keyframes ticker {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-50%, 0, 0); }
}

.animate-ticker {
  display: inline-block;
  white-space: nowrap;
  animation: ticker 35s linear infinite;
}

.animate-ticker:hover {
  animation-play-state: paused;
}

/* Scrollbar Styling */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.05);
}
::-webkit-scrollbar-thumb {
  background: rgba(11, 37, 69, 0.3);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(11, 37, 69, 0.6);
}

.dark ::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.6);
}
.dark ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
}