/* ===== REPRRISE — DESIGN TOKENS ===== */
:root {
  /* ── Overrides legacy (a1 = accent principal vert sapin) ── */
  --a1: #10b981;
  --a1d: #059669;
  --a1bg: rgba(16,185,129,0.12);
  /* --ff intentionnellement absent : Barlow Condensed de l'index.html */
}

/* Keyframe pulse-glow */
@keyframes pulse-glow {
  0%,100%{box-shadow:0 0 14px rgba(16,185,129,.28),0 0 0 0 rgba(16,185,129,.0)}
  50%{box-shadow:0 0 36px rgba(16,185,129,.6),0 0 60px rgba(16,185,129,.2)}
}

/* ─── Bouton primaire ─── */
.btn-y {
  background: var(--a1) !important;
  color: #fff !important;
  border-color: var(--a1) !important;
}
.btn-y:active { filter: brightness(0.88); }

/* ─── Nav accent ─── */
.nb.on .nb-i svg { stroke: var(--a1); }
.nb.on .nb-l { color: var(--a1); }
.nb-active-bar { background: var(--a1) !important; }
.chip-dot { background: var(--a1) !important; }

/* ─── Nav Coach centre ─── */
#nb-coach .nb-i svg {
  stroke: var(--a1);
  filter: drop-shadow(0 0 6px rgba(16,185,129,.4));
}
#nb-coach .nb-l { color: var(--a1); font-weight: 700; }
#nb-coach.on .nb-i svg,
#nb-coach .nb-i svg { stroke: var(--a1); }

/* ─── Coach btn ─── */
.ob-coach-btn { background: var(--a1); color: #fff; }