:root {
  --color-primary: #195de6;
  --color-primary-dark: #154bb8;
  --color-background-light: #f6f6f8;
  --color-background-dark: #111621;
  --color-card-light: #ffffff;
  --color-card-dark: #1a2233;
  --color-text-main-light: #0e121b;
  --color-text-main-dark: #e2e8f0;
  --color-text-secondary-light: #4e6797;
  --color-text-secondary-dark: #94a3b8;
  --color-border-light: #e7ebf3;
  --color-border-dark: #2d3748;
}

body {
  font-family: 'Inter', sans-serif;
}

/* Animations matching tailwindcss-animate */
@keyframes slide-in-right {
  from { transform: translateX(2rem); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

@keyframes zoom-in-95 {
  from { transform: scale(0.95); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

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

.animate-in {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}

.slide-in-from-right-8 {
  animation-name: slide-in-right;
}

.zoom-in-95 {
  animation-name: zoom-in-95;
}

.fade-in {
  animation-name: fade-in;
}

.duration-300 { animation-duration: 300ms; }
.duration-700 { animation-duration: 700ms; }
.duration-1000 { animation-duration: 1000ms; }

/* Custom Scrollbar Hide */
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}