/* VELOURÉ NAILS & SPA - Color Override Styles */

/* Enhanced Color Palette based on Business Card */
:root {
  /* Primary Colors */
  --veloure-primary: #e0a79a;
  --veloure-primary-light: #e8b5a7;
  --veloure-primary-dark: #d4987f;

  /* Secondary Colors */
  --veloure-secondary: #d49b8a;
  --veloure-secondary-light: #dda899;
  --veloure-secondary-dark: #c8897a;

  /* Accent Colors */
  --veloure-accent: #c8897a;
  --veloure-accent-light: #d19a87;
  --veloure-accent-dark: #b87a6a;

  /* Neutral Colors */
  --veloure-dark: #4a3b35;
  --veloure-dark-light: #5a4b45;
  --veloure-light: #fdf7f5;
  --veloure-light-dark: #f5ebe7;

  /* Text Colors */
  --veloure-text: #6b5b54;
  --veloure-text-light: #8a7a73;
  --veloure-text-muted: #a0918a;

  /* Status Colors */
  --veloure-success: #8fbc8f;
  --veloure-warning: #deb887;
  --veloure-error: #cd5c5c;
  --veloure-info: #87ceeb;
}

/* Enhanced Gradients */
.gradient-primary {
  background: linear-gradient(
    135deg,
    var(--veloure-primary) 0%,
    var(--veloure-secondary) 50%,
    var(--veloure-accent) 100%
  );
}

.gradient-hero {
  background: linear-gradient(135deg, var(--veloure-primary) 0%, var(--veloure-secondary) 100%);
}

.gradient-subtle {
  background: linear-gradient(135deg, var(--veloure-primary-light) 0%, var(--veloure-secondary-light) 100%);
}

/* Enhanced Button Styles */
.btn-veloure-primary {
  background: var(--veloure-primary);
  border: 2px solid var(--veloure-primary);
  color: white;
  transition: all 0.3s ease;
}

.btn-veloure-primary:hover {
  background: var(--veloure-primary-dark);
  border-color: var(--veloure-primary-dark);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(224, 167, 154, 0.4);
  color: white;
}

.btn-veloure-outline {
  background: transparent;
  border: 2px solid var(--veloure-primary);
  color: var(--veloure-primary);
  transition: all 0.3s ease;
}

.btn-veloure-outline:hover {
  background: var(--veloure-primary);
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(224, 167, 154, 0.4);
}

/* Enhanced Card Styles */
.card-veloure {
  background: white;
  border: 1px solid rgba(224, 167, 154, 0.1);
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(224, 167, 154, 0.1);
  transition: all 0.3s ease;
}

.card-veloure:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(224, 167, 154, 0.15);
  border-color: rgba(224, 167, 154, 0.2);
}

/* Enhanced Text Styles */
.text-veloure-primary {
  color: var(--veloure-primary) !important;
}

.text-veloure-secondary {
  color: var(--veloure-secondary) !important;
}

.text-veloure-accent {
  color: var(--veloure-accent) !important;
}

.text-veloure-dark {
  color: var(--veloure-dark) !important;
}

.text-veloure-muted {
  color: var(--veloure-text-muted) !important;
}

/* Enhanced Background Styles */
.bg-veloure-primary {
  background-color: var(--veloure-primary) !important;
}

.bg-veloure-secondary {
  background-color: var(--veloure-secondary) !important;
}

.bg-veloure-light {
  background-color: var(--veloure-light) !important;
}

.bg-gradient-veloure {
  background: linear-gradient(135deg, var(--veloure-primary) 0%, var(--veloure-secondary) 100%) !important;
}

/* Enhanced Border Styles */
.border-veloure {
  border-color: var(--veloure-primary) !important;
}

.border-veloure-secondary {
  border-color: var(--veloure-secondary) !important;
}

/* Enhanced Shadow Styles */
.shadow-veloure {
  box-shadow: 0 10px 30px rgba(224, 167, 154, 0.2) !important;
}

.shadow-veloure-hover:hover {
  box-shadow: 0 15px 40px rgba(224, 167, 154, 0.25) !important;
}

/* Enhanced Link Styles */
.link-veloure {
  color: var(--veloure-primary);
  text-decoration: none;
  transition: color 0.3s ease;
}

.link-veloure:hover {
  color: var(--veloure-primary-dark);
  text-decoration: underline;
}

/* Enhanced Icon Styles */
.icon-veloure {
  color: var(--veloure-primary);
}

.icon-veloure-bg {
  background: linear-gradient(135deg, var(--veloure-primary), var(--veloure-secondary));
  color: white;
}

/* Enhanced Form Styles */
.form-control:focus {
  border-color: var(--veloure-primary);
  box-shadow: 0 0 0 0.2rem rgba(224, 167, 154, 0.25);
}

.form-select:focus {
  border-color: var(--veloure-primary);
  box-shadow: 0 0 0 0.2rem rgba(224, 167, 154, 0.25);
}

/* Enhanced Navbar Styles */
.navbar-veloure .navbar-nav .nav-link {
  color: var(--veloure-text);
  transition: color 0.3s ease;
}

.navbar-veloure .navbar-nav .nav-link:hover,
.navbar-veloure .navbar-nav .nav-link.active {
  color: var(--veloure-primary);
}

/* Enhanced Footer Styles */
.footer-veloure {
  background: linear-gradient(135deg, var(--veloure-dark) 0%, var(--veloure-dark-light) 100%);
  color: var(--veloure-light);
}

.footer-veloure .footer-link {
  color: var(--veloure-light);
  transition: color 0.3s ease;
}

.footer-veloure .footer-link:hover {
  color: var(--veloure-primary-light);
}

/* Enhanced Animation Styles */
@keyframes fadeInUpVeloure {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-veloure {
  animation: fadeInUpVeloure 0.6s ease forwards;
}

/* Enhanced Responsive Adjustments */
@media (max-width: 768px) {
  .card-veloure {
    margin-bottom: 20px;
  }

  .btn-veloure-primary,
  .btn-veloure-outline {
    width: 100%;
    margin-bottom: 10px;
  }
}

/* Banner Overlay */
.banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.banner-content {
  z-index: 2;
}

/* Print Styles */
@media print {
  .btn-veloure-primary,
  .btn-veloure-outline {
    background: transparent !important;
    color: var(--veloure-dark) !important;
    border: 1px solid var(--veloure-dark) !important;
  }

  .gradient-primary,
  .gradient-hero,
  .bg-gradient-veloure {
    background: var(--veloure-light) !important;
    color: var(--veloure-dark) !important;
  }
}