/* Brand Colors as CSS custom properties */
:root {
  --navy: #0f1628;
  --charcoal: #1a1f35;
  --slate: #232940;
  --gold: #c9a84c;
  --gold-hover: #d4af37;
  --off-white: #f0ece2;
  --silver: #a0a4b8;
  --platinum: #3a3f55;
  --soft-white: #faf9f6;
}

/* Smooth scrolling */
html { scroll-behavior: smooth; }

/* Gold divider line */
.gold-divider {
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
}

/* Card hover lift */
.card-hover {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card-hover:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);
}

/* Gold border top accent */
.gold-top {
  border-top: 3px solid var(--gold);
}

/* Fade in on scroll animation */
.fade-in {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Testimonial carousel */
.testimonial-slide {
  display: none;
}
.testimonial-slide.active {
  display: block;
}

/* Blog expand */
.blog-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
}
.blog-content.expanded {
  max-height: 2000px;
}

/* Mobile drawer */
#mobile-drawer {
  transition: transform 0.3s ease;
}

/* Custom scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--navy); }
::-webkit-scrollbar-thumb { background: var(--gold); border-radius: 4px; }

/* Form focus styles */
input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 2px rgba(201, 168, 76, 0.3);
}