:root {
  --ep-green: #087557;
  --ep-forest: #083f37;
  --ep-gold: #efbf55;
  --ep-red: #b93c3d;
  --ep-sky: #83cbed;
  --ep-sky-soft: #e9f6ff;
  --ep-ink: #183e53;
  --ep-stripe: linear-gradient(90deg, var(--ep-green) 0 25%, var(--ep-gold) 25% 50%, var(--ep-red) 50% 75%, var(--ep-sky) 75% 100%);
}

.ep-home { --green: var(--ep-green); --pale: var(--ep-sky-soft); --ink: var(--ep-ink); --muted: #456578; }
.ep-home .hero {
  background-color: var(--ep-forest);
  background-image: linear-gradient(100deg, #073b34f7 5%, #0a4c45ed 55%, #1a5b779e), url('https://images.unsplash.com/photo-1531058020387-3be344556be6?w=1600&q=85');
}
.ep-home .hero h1 em { color: #ffdb84; }
.ep-home .hero .pill { color: #bceaff; }
.ep-home .hero-stripe { background: var(--ep-stripe); }
.ep-home .hero .btn.light { background: var(--ep-gold); color: #173c37; }
.ep-home .hero .btn.light:hover { background: #ffda80; }
.ep-home .quick-access { background: #f3faff; }
.ep-home .quick-link { border-top: 3px solid var(--ep-green); }
.ep-home .quick-link:nth-child(2) { border-top-color: var(--ep-sky); }
.ep-home .quick-link:nth-child(3) { border-top-color: var(--ep-gold); }
.ep-home .statement-logo { background: linear-gradient(145deg, #fff, #d8efff); border: 1px solid #d5eaf3; }
.ep-home .statement-logo::after { color: #3e6276; }
.ep-home .strategy-overview > div { background: #d8efff; color: var(--ep-ink); }
.ep-home .pillar { border-top-color: var(--ep-green); border-radius: 13px; }
.ep-home .pillar:nth-child(2) { border-top-color: var(--ep-gold); }
.ep-home .pillar:nth-child(3) { border-top-color: var(--ep-red); }
.ep-home .pillar .axis-icon { background: #e1f3eb; color: #086449; }
.ep-home .pillar:nth-child(2) .axis-icon { background: #fff0cb; color: #775000; }
.ep-home .pillar:nth-child(3) .axis-icon { background: #fbe9e9; color: #992d32; }
.ep-home .axis-card[open] { background: #f1faff; }
.ep-home .cross { background: #dff3e9; }
.ep-home .tools-section { background: linear-gradient(120deg, #063c37, #0a4860); }
.ep-home .tool { background: #ffffff0b; border-top: 3px solid var(--ep-sky); }
.ep-home .tool:nth-child(2) { border-top-color: var(--ep-gold); }
.ep-home .tool:nth-child(3) { border-top-color: #e78a8a; }
.ep-home .place { border-color: var(--ep-green); }
.ep-home .place:nth-child(2) { border-color: var(--ep-red); }
.ep-home .place:nth-child(3) { border-color: var(--ep-gold); }
.ep-home .team { background: #f1f9ff; }
.ep-home .member { border-bottom-color: var(--ep-green); }
.ep-home .member p { color: #49677b; }
.ep-home .contact { background: linear-gradient(110deg, #0c5648, #115570); }
.ep-home footer { background: #093731; }

.ep-questionnaire { --paper: var(--ep-sky-soft); --green: var(--ep-green); }
.ep-questionnaire .hero,
.ep-questionnaire .assessment-head { background: linear-gradient(110deg, #073b34, #0c5365); }
.ep-questionnaire .hero { border-bottom: 5px solid transparent; border-image: var(--ep-stripe) 1; }
.ep-questionnaire .dimension { border-top: 3px solid var(--ep-green); }
.ep-questionnaire .dimension:nth-child(2) { border-top-color: var(--ep-gold); }
.ep-questionnaire .dimension:nth-child(3) { border-top-color: var(--ep-red); }
.ep-questionnaire .footer { background: #093731; }

.ep-navigator { --cream: #f1f9ff; --green: var(--ep-green); }
.ep-navigator .top { border-bottom: 3px solid transparent; border-image: var(--ep-stripe) 1; }
.ep-navigator .intro-card { background: linear-gradient(115deg, #083f37, #0c5365); }
.ep-navigator .learning-section { background: var(--ep-sky-soft); }

.ep-dashboard { background: #f0f9ff; }
.ep-dashboard .sidebar { background: linear-gradient(155deg, #073c34, #0a4a5f); border-top: 5px solid transparent; border-image: var(--ep-stripe) 1; }
.ep-dashboard .stats > .stat { border-top: 3px solid var(--ep-green); }
.ep-dashboard .stats > .stat:nth-child(2) { border-top-color: var(--ep-gold); }
.ep-dashboard .stats > .stat:nth-child(3) { border-top-color: var(--ep-red); }
.ep-dashboard .stats > .stat:nth-child(4) { border-top-color: var(--ep-sky); }

.ep-statuts { background: #f0f9ff; }
.ep-statuts header { border-bottom: 4px solid transparent; border-image: var(--ep-stripe) 1; }
.ep-statuts footer { background: #093731; }
@media print {
  .ep-statuts, .ep-navigator { background: #fff; }
}