/* Percentage colors only; preserve each component's existing geometry and track. */
html progress[value] { accent-color: var(--progress-color, rgb(196, 63, 76)); }
html progress[value]::-webkit-progress-value { background: var(--progress-color, rgb(196, 63, 76)); }
html progress[value]::-moz-progress-bar { background: var(--progress-color, rgb(196, 63, 76)); }
html .thin-progress > span,
html .study-progress-track > span,
html .practice-test-header-progress > div > span,
html .occlusion-image-batch-progress > span,
html .alpha23-occlusion-editor .occlusion-image-batch-progress > span {
  background: var(--progress-color, rgb(196, 63, 76));
}
html .progress-ring {
  background: conic-gradient(var(--progress-color, rgb(196, 63, 76)) calc(var(--progress) * 1%), color-mix(in srgb, var(--border) 70%, transparent) 0);
}

html .overview-plan-progress { color:var(--progress-color,var(--primary)); }