/* Custom Colors for EventsXP Brand in Modern Style */
:root {
  /* Update primary and secondary colors to match the purple gradient theme */
  --primary-color: #8a4fff; /* Purple primary */
  --secondary-color: #ff4f9e; /* Pink secondary */
  --primary-rgb: 138, 79, 255; /* RGB values for primary color */
  --secondary-rgb: 255, 79, 158; /* RGB values for secondary color */

  /* Modern gradients */
  --primary-gradient: linear-gradient(
    135deg,
    var(--primary-color),
    var(--secondary-color)
  );
  --secondary-gradient: linear-gradient(
    135deg,
    var(--secondary-color),
    #ffb14f
  );

  /* Modern shadows */
  --card-shadow: 0 15px 40px rgba(0, 0, 0, 0.07);
  --hover-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);

  /* Glow effects */
  --primary-glow: rgba(138, 79, 255, 0.2);
  --secondary-glow: rgba(255, 79, 158, 0.2);
}

/* Override for any remaining dark theme elements */
body {
  background-color: #ffffff !important;
  color: #101030 !important;
  font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

/* Ensure proper spacing after the new hero */
.hero-modern + section {
  margin-top: 0;
}

/* Update buttons throughout the site */
.btn {
  border-radius: 50px;
  padding: 14px 28px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-primary {
  background: var(--primary-gradient);
  border: none;
  color: white;
  box-shadow: 0 8px 20px var(--primary-glow);
}

.btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 25px var(--primary-glow);
}

.btn-secondary {
  background: transparent;
  border: 2px solid rgba(16, 16, 48, 0.15);
  color: #101030;
}

.btn-secondary:hover {
  border-color: var(--primary-color);
  color: var(--primary-color);
  transform: translateY(-3px);
}

/* Update section headers */
.section-header h2 {
  color: #101030;
}

.section-header p {
  color: rgba(16, 16, 48, 0.7);
}

/* Cards and content blocks */
.card {
  border-radius: 15px;
  overflow: hidden;
  box-shadow: var(--card-shadow);
  transition: all 0.3s ease;
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: var(--hover-shadow);
}

/* Add gradient accent to various elements */
.accent,
.highlight-item i,
.service-item-icon,
.process-step-number,
.stat i {
  color: var(--primary-color);
}