/* ════════════════════════════════════════════════════════════════
   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;
}

/* ════════════════════════ PARTIAL — Footer ═══════════════════════ */

.footer { background: #0f172a; color: rgba(255,255,255,.75); padding: 4rem 2rem 1.5rem; }
.footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 2rem;
  max-width: 1100px; margin: 0 auto 3rem; }
@media (max-width: 768px) { .footer-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .footer-grid { grid-template-columns: 1fr; } }

.footer__brand p { font-size: .88rem; line-height: 1.7; margin-top: .75rem; opacity: .65; }
.footer-col h4 { font-size: .85rem; font-weight: 700; color: #fff; text-transform: uppercase;
  letter-spacing: .06em; margin: 0 0 1rem; }
.footer-col a { display: block; color: rgba(255,255,255,.6); font-size: .88rem; text-decoration: none;
  margin-bottom: .5rem; transition: color .2s; }
.footer-col a:hover { color: var(--ep-green); }

.footer-bottom { border-top: 1px solid rgba(255,255,255,.1); padding-top: 1.5rem;
  text-align: center; font-size: .82rem; opacity: .5;
  max-width: 1100px; margin: 0 auto; }

.footer__social { display: flex; gap: .75rem; margin-top: 1rem; }
.social-link { width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,.1);
  display: flex; align-items: center; justify-content: center; text-decoration: none; color: #fff;
  transition: background .2s; font-size: .9rem; }
.social-link:hover { background: var(--ep-green); }