@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Inter:wght@400;500;600&family=Public+Sans:wght@300;400;600;700&display=swap');
@import "tailwindcss";

@theme {
  --color-primary-blue: #6366f1;
  --color-primary-orange: #f39200;
  --color-surface-bg: #0a0a0a;
  --color-surface-low: #141414;
  --color-surface-card: #1e1e1e;
  --color-bento-border: #262626;
  
  --font-headline: "Libre Caslon Text", "Georgia", serif;
  --font-display: "Libre Caslon Text", "Georgia", serif;
  --font-body: "Inter", "system-ui", "sans-serif";
  --font-label: "Public Sans", "sans-serif";
}

/* Custom scrollbar hiding and aesthetic helpers */
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

body {
  font-family: var(--font-body);
  background-color: var(--color-surface-bg);
  color: #f3f4f6;
}

/* Custom utility animations */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
  animation: fadeIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes slideIn {
  from { transform: translateX(100%); }
  to { transform: translateX(0); }
}

.animate-slide-in {
  animation: slideIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}