/* ============================================================
   contact-refonte.css  —  À charger APRÈS contact.css (contact.html)
   ============================================================ */

/* Le hero reste foncé (déjà .contact-hero). Corps en clair. */
.contact-form-section{ background:var(--color-white); }
.contact-info h3, .contact-form h3{ color:var(--color-ink); }
.contact-info p{ color:var(--color-ink-secondary); }
.info-icon{ color:var(--color-orange); background:color-mix(in srgb, var(--color-orange) 10%, transparent); border:1px solid color-mix(in srgb, var(--color-orange) 25%, transparent); }
.info-label{ color:var(--color-ink-muted); }
.info-text a, .info-text span{ color:var(--color-ink); }

/* Formulaire sur carte gris-clair */
.contact-form{ background:var(--color-surface); border:1px solid color-mix(in srgb, var(--color-bg-main) 10%, transparent); border-radius:22px; box-shadow:0 20px 50px color-mix(in srgb, var(--color-bg-main) 8%, transparent); }
.form-group label{ color:var(--color-ink); }
.form-group input, .form-group textarea{
  background:var(--color-white); border:1px solid color-mix(in srgb, var(--color-bg-main) 15%, transparent); color:var(--color-ink); border-radius:10px;
}
.form-group input:focus, .form-group textarea:focus{
  border-color:var(--color-orange); box-shadow:0 0 0 3px color-mix(in srgb, var(--color-orange) 12%, transparent); outline:none;
}

/* Un seul réseau social : LinkedIn (retirer le lien Twitter/X dans le HTML) */
.social-links a[aria-label="Twitter"]{ display:none; }