/* Endury — shared insight-card primitives (still used inline by the web
   rail's plan/race cards) and race/phase pills (week_summary.js, both
   shells' rail/strip cards). */

/* ============================================================
   Card container + shared primitives
   ============================================================ */
.cb-insight {
  background: var(--cb-surface-3);
  border: 1px solid var(--cb-border);
  border-radius: var(--cb-r-card);
  padding: var(--cb-sp-4);
}
.cb-insight--rail { border-radius: var(--cb-r-card); padding: var(--cb-sp-4); }

.cb-section-label {
  font-size: var(--cb-fs-label);
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--cb-text-muted);
}
.cb-insight--rail .cb-section-label { letter-spacing: .06em; }

.cb-muted { color: var(--cb-text-muted); }
.cb-good-text { color: var(--cb-good); }
.cb-warn-text { color: var(--cb-warn); }
.cb-accent-text { color: var(--cb-accent); }

/* ============================================================
   Race / phase pills
   ============================================================ */
.cb-phase-pill {
  font-size: var(--cb-fs-micro); font-weight: 700; letter-spacing: .03em; text-transform: uppercase;
  color: var(--cb-text); border-radius: var(--cb-r-chip); padding: var(--cb-sp-0-5) var(--cb-sp-1-5); align-self: flex-start;
}
.cb-phase-pill--recovery { background: var(--cb-phase-recovery); }
.cb-phase-pill--build { background: var(--cb-phase-build); }
.cb-phase-pill--peak { background: var(--cb-phase-peak); }
.cb-phase-pill--taper { background: var(--cb-phase-taper); }
.cb-phase-pill--maintain { background: var(--cb-phase-maintain); }

.cb-race-pill { font-size: var(--cb-fs-micro); font-weight: 700; border-radius: var(--cb-r-chip); padding: var(--cb-sp-0-5) var(--cb-sp-1-5); }
/* Ink follows the fill: dark ink on the gold A fill (5.63:1), light ink on the
   darkened rose/slate B/C fills (4.60:1) — all AA-clear. */
.cb-race-pill--a { background: var(--cb-race-a); color: var(--cb-accent-ink); }
.cb-race-pill--b { background: var(--cb-race-b); color: var(--cb-ink-light); }
.cb-race-pill--c { background: var(--cb-race-c); color: var(--cb-ink-light); }