@import "tailwindcss";

@theme {
  --color-gold: #d4af37;
  --color-gold-light: #f1d592;
  --color-gold-dark: #b8860b;
}

body {
  font-family: 'Noto Sans SC', sans-serif;
  overflow-x: hidden;
}

h1, h2, h3, h4, .font-display {
  font-family: 'Montserrat', 'Noto Sans SC', sans-serif;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #0d0d0d;
}
::-webkit-scrollbar-thumb {
  background: #d4af37;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #f1d592;
}

/* Animations */
@keyframes scroll-vertical {
  0% { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}

.animate-scroll-vertical {
  animation: scroll-vertical 20s linear infinite;
}

.match-card {
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease;
}
.match-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.15);
}

/* Custom selection */
::selection {
  background: #d4af37;
  color: #000;
}

/* Responsive utilities */
@media (max-width: 640px) {
  .text-6xl { font-size: 3.5rem; }
  .text-8xl { font-size: 4rem; }
}