@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap');
@import "tailwindcss";

@theme {
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-display: "Montserrat", sans-serif;
}

@layer utilities {
  .hero-gradient {
    background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.3));
  }
  .metallic-gradient {
    background: linear-gradient(135deg, #c8c6c6 0%, #e4e2e1 50%, #c8c6c6 100%);
  }
  .text-glow {
    text-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
  }
}

/* Custom scrollbar to keep it looking exceptionally clean */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #fdf8f8;
}
::-webkit-scrollbar-thumb {
  background: #c4c7c7;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #747878;
}