
/* ════════════════════════════════════════════════════════════════
   Variables CSS — à surcharger au besoin
   ════════════════════════════════════════════════════════════════ */
:root {
  --ep-green:     #128C7E;
  --ep-green2:    #075E54;
  --ep-gold:      #F4A724;
  --ep-dark:      #0f172a;
  --ep-gray:      #64748b;
  --ep-light-bg:  #f8fafc;
  --ep-border:    #e2e8f0;
  --ep-radius:    .75rem;
  --ep-shadow:    0 4px 24px rgba(0,0,0,.07);
  --ep-font:      'Inter', 'Outfit', system-ui, sans-serif;
}

/* ════════════════════════ VITRINE — Contact ══════════════════════ */

.contact-page { max-width: 1000px; margin: 0 auto; padding: 3rem 1.5rem; }
.contact-page h1 { font-size: 2rem; font-weight: 800; color: var(--ep-dark); margin: 0 0 .5rem; }
.contact-grid { display: grid; grid-template-columns: 1fr 1.5fr; gap: 3rem; margin-top: 2rem; }
@media (max-width: 768px) { .contact-grid { grid-template-columns: 1fr; } }

.contact-info { background: linear-gradient(135deg, var(--ep-green), var(--ep-green2));
  border-radius: var(--ep-radius); padding: 2rem; color: #fff; }
.contact-info h2 { font-size: 1.3rem; font-weight: 700; margin: 0 0 1.5rem; }
.contact-info-item { display: flex; gap: 1rem; align-items: flex-start; margin-bottom: 1.2rem; }
.contact-info-item__icon { font-size: 1.2rem; flex-shrink: 0; width: 24px; }
.contact-info-item__label { font-size: .8rem; opacity: .7; }
.contact-info-item__value { font-weight: 600; }

.contact-form { background: #fff; border: 1px solid var(--ep-border); border-radius: var(--ep-radius); padding: 2rem; box-shadow: var(--ep-shadow); }
.form-group { margin-bottom: 1.2rem; }
.form-group label { display: block; font-weight: 600; font-size: .9rem; color: var(--ep-dark); margin-bottom: .4rem; }
.form-control { width: 100%; padding: .7rem 1rem; border: 1.5px solid var(--ep-border); border-radius: .6rem;
  font-size: .95rem; transition: border-color .2s; box-sizing: border-box; }
.form-control:focus { outline: none; border-color: var(--ep-green); box-shadow: 0 0 0 3px rgba(18,140,126,.12); }
