/* VDSP v3 - Thème Vaud (bleu lac / montagne) */
:root {
  --primary: #2563EB;
  --primary-dark: #1D4ED8;
  --primary-rgb: 37, 99, 235;
  --accent: #0EA5E9;
  --hero-gradient-start: rgba(15, 23, 42, 0.92);
  --hero-gradient-end: rgba(30, 58, 138, 0.85);
}

.hero__video-overlay {
  background: linear-gradient(
    180deg,
    rgba(15, 23, 42, 0.88) 0%,
    rgba(30, 58, 138, 0.75) 50%,
    rgb(15 23 42) 100%
  ) !important;
}

.synergie-section {
  background: linear-gradient(358deg, var(--gray-900) 0%, #1e3a5f 100%) !important;
}

.hero__gesp-letter,
.hero__vasp-letter {
  color: var(--primary);
}

.hero__title--vasp {
  line-height: 1.1;
}

.btn--primary,
.btn--primary-glow {
  background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
}

.membre-info-card__icon {
  background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
}

/* Régions SEO grid */
.regions-grid {
  display: grid;
  gap: var(--space-4);
  grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 768px) {
  .regions-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.region-card {
  display: block;
  padding: var(--space-6);
  background: white;
  border-radius: var(--radius-xl);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  text-decoration: none;
  color: inherit;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.region-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(37, 99, 235, 0.15);
}

.region-card__name {
  font-size: var(--text-lg);
  font-weight: 600;
  color: var(--gray-900);
  margin-bottom: var(--space-2);
}

.region-card__count {
  font-size: var(--text-sm);
  color: var(--primary);
  font-weight: 500;
}