/* Nouvelle palette de couleurs inspirée des Gîtes de France 
   pour le site Des Plumes et des Pattes */

:root {
  /* Couleurs primaires */
  --primary-color: #006B4A;     /* Vert foncé - couleur principale */
  --secondary-color: #00A651;   /* Vert moyen/clair */
  --accent-color: #F5A623;      /* Jaune ocre/ambre - couleur d'accentuation */
  --dark-color: #333333;        /* Texte principal */
  --light-color: #f8f8f8;       /* Fond clair */
  --white-color: #ffffff;       /* Blanc */
  --footer-color: #00573b;      /* Vert très foncé pour le footer */
}

/* Application des nouvelles couleurs */

/* Texte et fonds */
body {
  color: var(--dark-color);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--primary-color);
}

a {
  color: var(--secondary-color);
}

a:hover {
  color: var(--accent-color);
}

/* Boutons */
.btn {
  background-color: var(--accent-color);
  color: var(--white-color);
}

.btn:hover {
  background-color: var(--primary-color);
}

.btn-primary {
  background-color: var(--primary-color);
}

.btn-primary:hover {
  background-color: var(--secondary-color);
}

/* Header et navigation */
.header {
  background-color: var(--white-color);
}

.logo-text {
  color: var(--primary-color);
}

.nav-link {
  color: var(--dark-color);
}

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

.nav-link::after {
  background-color: var(--primary-color);
}

/* Quick info banner */
.quick-info {
  background-color: rgba(0, 107, 74, 0.9); /* Version semi-transparente du primary-color */
}

/* CTA Section */
.cta::before {
  background-color: rgba(0, 107, 74, 0.7); /* Version semi-transparente du primary-color */
}

/* Footer */
.footer {
  background-color: var(--footer-color);
}

.social-icon:hover {
  background-color: var(--accent-color);
}

/* Elements spécifiques */
.section-title::after {
  background-color: var(--accent-color);
}

.section-subtitle {
  color: var(--accent-color);
}

.feature-icon,
.service-icon,
.info-icon,
.mission-icon {
  color: var(--primary-color);
}

.feature-card:hover .feature-icon,
.service-card:hover .service-icon,
.info-item:hover .info-icon,
.mission-item:hover .mission-icon {
  color: var(--accent-color);
}

/* FAQ et testimonials */
.dot.active {
  background-color: var(--primary-color);
}

.faq-toggle i {
  color: var(--primary-color);
}

/* Cards */
.animal-card:hover,
.activity-card:hover,
.mission-item:hover {
  border-color: var(--primary-color);
}

/* Formulaires */
input:focus, 
textarea:focus, 
select:focus {
  border-color: var(--primary-color);
}

.form-check-input:checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

/* Tabs */
.category-tab.active {
  color: var(--primary-color);
  border-color: var(--primary-color);
}