/* Popups du chemin (.cpath-overlay › .cpath-card › .cpath-white) et fenêtre du player
 * (.lch-modal) : leçon, Progression, bienvenue, verrou, bulles. Palette : tokens.css. */

/* ---------- Coque ---------- */
html.cpath:is(.midday, .night) .cpath-card {
  color: var(--pt-ink);
}
html.cpath:is(.midday, .night) .cpath-white {
  background: var(--pt-surface);
  scrollbar-color: var(--pt-scroll) transparent;
}
html.cpath:is(.midday, .night) .cpath-white::-webkit-scrollbar-thumb {
  background: var(--pt-scroll) padding-box;
}
html.cpath:is(.midday, .night) .cpath-close,
html.cpath:is(.midday, .night) .lch-modal__x {
  background: var(--pt-surface-2);
  border-color: var(--pt-line);
  color: var(--pt-ink-2);
}
html.cpath:is(.midday, .night) .cpath-title,
html.cpath:is(.midday, .night) .cpath-planned > p:first-child,
html.cpath:is(.midday, .night) .cpath-locked__title,
html.cpath:is(.midday, .night) .cpath-signup strong {
  color: var(--pt-ink);
}
html.cpath:is(.midday, .night) .cpath-sub,
html.cpath:is(.midday, .night) .cpath-empty,
html.cpath:is(.midday, .night) .cpath-cta__next,
html.cpath:is(.midday, .night) .cpath-locked__txt,
html.cpath:is(.midday, .night) .cpath-locked__pitch,
html.cpath:is(.midday, .night) .cpath-mission__side,
html.cpath:is(.midday, .night) .cpath-welcome__sub,
html.cpath:is(.midday, .night) .cpath-welcome__num,
html.cpath:is(.midday, .night) .cpath-welcome__streak {
  color: var(--pt-ink-2);
}

/* Fenêtre du player : la coque suit le thème, le contenu garde les règles d'ecoach_n.css. */
html.cpath:is(.midday, .night):not(.lch-m) .lch-modal__slot {
  background: var(--pt-surface);
}

/* Consigne en tête du player : sarcelle foncée illisible sur le fond noir de nuit. */
html.cpath:is(.midday, .night) #menu .slidemenu .infos {
  color: var(--pt-ink);
}
/* Player plein écran en mobile : en-tête et barre du bas restés blancs en nuit. */
html.cpath.night.lch-m #menu .slidemenu.intro {
  background: var(--pt-surface);
}
/* !important : ecoach_n.css force le blanc sur cette barre (body.unified-list #container.opaci #navm). */
html.cpath.night.lch-m body.unified-list #container #navm {
  background: var(--pt-surface) !important;
}

/* ---------- Onglets ---------- */
html.cpath:is(.midday, .night) .cpath-tabs {
  border-bottom-color: var(--pt-line);
}
html.cpath:is(.midday, .night) .cpath-tab {
  color: var(--pt-ink-3);
}
html.cpath:is(.midday, .night) .cpath-tab.is-on {
  color: var(--pt-ink);
}
html.cpath:is(.midday, .night) .cpath-tab.is-on::after {
  background: var(--pt-accent);
}

/* ---------- Illustration et courbe ---------- */
html.cpath:is(.midday, .night) .cpath-viz {
  background-color: var(--pt-surface-2);
}
html.cpath:is(.midday, .night) .cpath-est,
html.cpath:is(.midday, .night) .cpath-curve__x,
html.cpath:is(.midday, .night) .cpath-curve__pt em {
  color: var(--pt-ink-3);
}
html.cpath:is(.midday, .night) .cpath-curve__pt strong {
  color: var(--pt-accent-ink);
}
html.cpath:is(.midday, .night) .cpath-curve__line {
  stroke: var(--pt-accent);
}
html.cpath:is(.midday, .night) .cpath-curve__pt {
  background: var(--pt-accent);
  border-color: var(--pt-surface);
}
html.cpath:is(.midday, .night) .cpath-curve__empty {
  background: var(--pt-surface-2);
  color: var(--pt-ink-2);
}
html.cpath:is(.midday, .night) .cpath-curve--wait::before {
  border-color: var(--pt-line-strong);
}

/* ---------- Mode d'emploi et légende ---------- */
html.cpath:is(.midday, .night) .cpath-how,
html.cpath:is(.midday, .night) .cpath-legend,
html.cpath:is(.midday, .night) .cpath-how__actions .cpath-how__btn {
  color: var(--pt-ink);
}
html.cpath:is(.midday, .night) .cpath-how__n {
  background: var(--pt-accent-soft);
  color: var(--pt-accent-ink);
}
html.cpath:is(.midday, .night) .cpath-how__actions {
  border-top-color: var(--pt-line-strong);
}
html.cpath:is(.midday, .night) .cpath-legend__dot.is-soft {
  background: var(--pt-accent-soft);
  color: var(--pt-accent-ink);
}
html.cpath:is(.midday, .night) .cpath-legend__dot.is-red {
  background: var(--pt-red-soft);
  color: var(--pt-red);
}
html.cpath:is(.midday, .night) .cpath-legend__dot.is-green {
  background: var(--pt-accent-soft);
  color: var(--pt-accent-ink);
}
html.cpath:is(.midday, .night) .cpath-legend__dot.is-locked {
  background: var(--pt-surface-3);
  color: var(--pt-ink-2);
}

/* ---------- Liste des missions ---------- */
html.cpath:is(.midday, .night) .cpath-mission,
html.cpath:is(.midday, .night) .cpath-mission.is-next .cpath-mission__txt {
  color: var(--pt-ink);
}
html.cpath:is(.midday, .night) .cpath-mission.is-done .cpath-mission__txt {
  color: var(--pt-ink-3);
}
html.cpath:is(.midday, .night) .cpath-mission__num {
  background: var(--pt-surface-3);
  color: var(--pt-ink-2);
}
html.cpath:is(.midday, .night) .cpath-mission.is-next .cpath-mission__num {
  background: var(--pt-surface);
  border-color: var(--pt-accent);
}
html.cpath:is(.midday, .night) .cpath-mission.is-next .cpath-mission__num::after {
  background: var(--pt-accent);
}

/* ---------- Lignes d'activité, boutons secondaires, tuiles ---------- */
html.cpath:is(.midday, .night) .cpath-act {
  background: var(--pt-surface-2);
  border-color: var(--pt-line);
}
html.cpath:is(.midday, .night) .cpath-act__ic {
  background: rgb(129 71 158 / 20%);
  color: var(--pt-ink);
}
html.cpath:is(.midday, .night) .cpath-act__txt strong {
  color: var(--pt-ink);
}
html.cpath:is(.midday, .night) .cpath-act__txt span,
html.cpath:is(.midday, .night) .cpath-act__go {
  color: var(--pt-ink-3);
}
html.cpath:is(.midday, .night) .cpath-done {
  color: var(--pt-accent-ink);
}
html.cpath:is(.midday, .night) .cpath-ghost,
html.cpath:is(.midday, .night) .cpath-pfoot__btn {
  background: var(--pt-surface-2);
  border-color: var(--pt-line-strong);
  color: var(--pt-ink);
}
html.cpath:is(.midday, .night) .cpath-hbadge {
  background: var(--pt-surface-2);
  border-color: var(--pt-line);
  color: var(--pt-ink);
}
html.cpath:is(.midday, .night) .cpath-tile {
  background: var(--pt-surface-2);
  border-color: var(--pt-line);
}
html.cpath:is(.midday, .night) .cpath-tile--wide {
  background: var(--pt-accent-soft);
  border-color: var(--pt-line);
}
html.cpath:is(.midday, .night) .cpath-tico {
  background: var(--pt-accent-soft);
  color: var(--pt-accent-ink);
}
html.cpath:is(.midday, .night) .cpath-tval {
  color: var(--pt-ink);
}
html.cpath:is(.midday, .night) .cpath-tlab {
  color: var(--pt-ink-3);
}
html.cpath:is(.midday, .night) .cpath-signup {
  background: var(--pt-surface-2);
}
html.cpath:is(.midday, .night) .cpath-link,
html.cpath:is(.midday, .night) .cpath-planned__link {
  color: var(--pt-accent-ink);
}

/* ---------- Bienvenue ---------- */
html.cpath:is(.midday, .night) .cpath-welcome__day {
  background: var(--pt-surface-3);
  color: var(--pt-ink-2);
}
html.cpath:is(.midday, .night) .cpath-welcome__day.is-done {
  background: var(--pt-gold-soft);
  color: var(--pt-gold);
}
html.cpath:is(.midday, .night) .cpath-welcome__day.is-today {
  box-shadow: 0 0 0 2px var(--pt-surface), 0 0 0 4px #ff9600;
}
html.cpath:is(.midday, .night) .cpath-welcome__course {
  border-top-color: var(--pt-line);
  color: var(--pt-ink);
}