@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;750&family=JetBrains+Mono:wght@400;500;700&display=swap');
@import "tailwindcss";

@theme {
  --font-sans: "Inter", "Space Grotesk", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", monospace;
}

/* Customized scrollbar design for the Black-Gold layout */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #0a0a0a;
}

::-webkit-scrollbar-thumb {
  background: #333333;
  border-radius: 99px;
  border: 1px solid #1a1a1a;
}

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

/* Custom transitions and animation classes */
.animate-in {
  animation-delay: 0s;
  animation-fill-mode: both;
}

/* Custom rich typography modifiers */
b, strong {
  color: #f59e0b;
  font-weight: 700;
}