@font-face {
  font-family: 'Helvetica';
  src: url('../assets/fonts/ruaaali/helvetica.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Helvetica';
  src: url('../assets/fonts/ruaaali/helvetica_bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Helvetica';
  src: url('../assets/fonts/ruaaali/helvetica_oblique.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Helvetica';
  src: url('../assets/fonts/ruaaali/helvetica_boldoblique.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Argesta';
  src: url('../assets/fonts/ruaaali/argesta_display.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Argesta';
  src: url('../assets/fonts/ruaaali/argesta_display_italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}

:root {
  --font-sans: "Helvetica", ui-sans-serif, system-ui, sans-serif;
  --font-serif: "Argesta", ui-serif, serif;
  --color-brand-cream: #FBF7F1;
  --color-brand-dark: #3B261B;
  --color-brand-gold: #AD966B;
  --color-brand-rust: #9A5A36;
}

body {
  background-color: var(--color-brand-cream);
  color: var(--color-brand-dark);
  font-family: var(--font-sans);
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}

.heading-font {
  font-family: var(--font-serif);
}

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

/* Line clamp */
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Animate slide in from bottom */
@keyframes slideInFromBottom {
  from { transform: translateY(100%); }
  to { transform: translateY(0); }
}
.animate-slide-in-bottom {
  animation: slideInFromBottom 0.3s ease-out;
}

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