:root {
  --primary-color: #5c6b73;
  --secondary-color: #253237;
}

body {
  font-family: "Inter", sans-serif;
}

.navbar {
  background-color: var(--secondary-color);
}

.bg-navy {
  background-color: var(--secondary-color);
}
.font-serif {
  font-family: "Playfair Display", serif;
}
.border-navy {
  border-color: var(--secondary-color);
}
.text-navy {
  color: var(--secondary-color);
}
.text-2xs {
  font-size: 0.625rem;
}

.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
}
.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

.delay-100 {
  transition-delay: 0.1s;
}
.delay-200 {
  transition-delay: 0.2s;
}
.delay-300 {
  transition-delay: 0.3s;
}