:root {
  --wedding-gold: #d4af37;
  --wedding-rose-gold: #e8b4b8;
  --wedding-blush: #f5f1eb;
  --wedding-navy: #2c3e50;
  --wedding-sage: #9caf88;
  --primary-blue: #4a90e2;
  --text-light: #7a7a7a;
}

.btn-primary {
  background: linear-gradient(45deg, var(--wedding-rose-gold), #f8d7da);
}

/* Section Styles */
.service-icon {
  background: linear-gradient(45deg, var(--wedding-rose-gold), #f8d7da);
  box-shadow: 0 10px 30px rgba(212, 99, 214, 0.3);
}

/* Why Choose Us Section */
.feature-icon {
  background: linear-gradient(45deg, var(--wedding-rose-gold), #f8d7da);
}

/* CTA Section */
.contact-item i {
  color: var(--wedding-rose-gold);
}

.hero-buttons {
  margin-top: 2rem;
}

/* Package Builder */
.services-scroll-hint span {
  color: var(--wedding-rose-gold);
}
.package-builder-section {
  background: var(--wedding-blush, #f5f1eb);
}

.services-grid::-webkit-scrollbar-thumb {
  background: linear-gradient(45deg, var(--wedding-rose-gold), #f8d7da);
}

.services-grid::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(45deg, #e29ca1, #f5c6ca);
}

.package-service-card:hover {
  border-color: var(--wedding-rose-gold);
}

.package-service-icon {
  background: linear-gradient(45deg, var(--wedding-rose-gold), #f8d7da);
}

.package-service-card.selected {
  border-color: var(--wedding-rose-gold);
}

.package-service-card.selected .selection-indicator {
  background: linear-gradient(45deg, var(--wedding-rose-gold), #f8d7da);
  border-color: var(--wedding-rose-gold);
}

.package-summary-card {
  border-top: 4px solid var(--wedding-rose-gold);
}

.empty-state i {
  color: var(--wedding-rose-gold);
}

.selected-service-item {
  border-left: 3px solid var(--wedding-rose-gold);
}

.selected-service-icon {
  background: linear-gradient(45deg, var(--wedding-rose-gold), #f8d7da);
}

.items-count {
  color: var(--wedding-rose-gold);
}

.package-quote-btn {
  background: linear-gradient(45deg, var(--wedding-rose-gold), #f8d7da);
}

.premade-package-card:hover {
  border-color: var(--wedding-rose-gold);
}

.premade-package-icon {
  background: linear-gradient(45deg, var(--wedding-rose-gold), #f8d7da);
}

.premade-package-price {
  color: var(--wedding-rose-gold);
}

.premade-package-btn {
  background: linear-gradient(45deg, var(--wedding-rose-gold), #f8d7da);
}

.premade-package-price {
  color: var(--wedding-rose-gold);
}

.packages-divider::before,
.packages-divider::after {
  background: linear-gradient(90deg, transparent, var(--wedding-rose-gold), transparent);
}

.packages-divider-text {
  background: var(--wedding-blush);
}