Fine 1 px hairline stripes on a 5 px pitch (1 px solid + 4 px gap)
over a same-colour base tint — a clean, thin diagonal hatch that reads as
"eccentric" without the chunkier look of a thick stripe on the narrow bars.
The base sits at ~22 % so the bar has a solid silhouette, and the stripes are
softened to ~60 % so they read as texture over it rather than hard lines.
color accepts anything background-color accepts — hex, var(--metric-x),
or color-mix(…).
Inline-style fill for a rep bar in the performance / focus-metric charts. Concentric reps render as solid fill; eccentric reps render as a 45°-diagonal stripe pattern in the same colour (matches the iOS bar-chart convention so eccentric vs concentric reads at a glance without doubling the legend).