/*
Theme Name: Chinese Herbal Clinic Theme
Theme URI: 
Author: Antigravity
Description: A premium, pixel-perfect WordPress theme replicating the parchment apothecary style of the Chinese Herbal Clinic website.
Version: 1.0
Text Domain: chinese-herbal-clinic-theme
*/

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: #f3f0eb; /* hsl(40, 22%, 94%) */
}
::-webkit-scrollbar-thumb {
  background: #1d4834; /* hsl(152, 43%, 20%) */
  border-radius: 3px;
}

/* Base resets & Fonts */
body {
  background-color: #fcfbfa !important; /* hsl(40, 33%, 97%) */
  color: #151e1a !important; /* hsl(152, 18%, 10%) */
  font-family: 'Inter', sans-serif;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, .font-serif {
  font-family: 'Playfair Display', Georgia, serif !important;
}

/* Animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in-up {
  animation: fadeInUp 0.8s ease-out forwards;
}

.delay-100 {
  animation-delay: 100ms;
}

.delay-200 {
  animation-delay: 200ms;
}

.delay-300 {
  animation-delay: 300ms;
}

/* Scroll Reveal */
.scroll-reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.scroll-reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Navigation Overrides */
nav a {
  transition: color 0.2s ease-in-out;
}