/* Aesthetics specialty overrides to keep CTAs legible on gradients */
:root {
  --color-aesthetics: #f472b6;
  --color-aesthetics-dark: #db2777;
}

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

.bg-accent-aesthetics {
  background: linear-gradient(135deg, #fdf2f8, #f5d0ea);
  color: #111827;
}

.border-accent-aesthetics {
  border-color: var(--color-aesthetics);
}

.btn-accent-aesthetics {
  background: #ffffff;
  color: var(--color-aesthetics-dark);
  border: 2px solid var(--color-aesthetics);
  box-shadow: 0 10px 25px -12px rgba(0, 0, 0, 0.3);
  transition: all 0.2s ease;
}

.btn-accent-aesthetics:hover {
  color: #be185d;
  border-color: var(--color-aesthetics-dark);
  transform: translateY(-1px);
}

.btn-accent-aesthetics i {
  color: inherit;
}

.btn-outline-white {
  background: transparent;
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.9);
  box-shadow: 0 10px 25px -12px rgba(0, 0, 0, 0.35);
  transition: all 0.2s ease;
}

.btn-outline-white:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
  transform: translateY(-1px);
}