:root {
/* region stroke basis — none / hair / standard / strong */
{normalize-space(xhtml:td[1])}: {normalize-space(xhtml:td[2])};
/* endregion stroke basis */
/* region semantic endpoints — boundary / divider / focus / selected / target / indicator-offset */
{normalize-space(xhtml:td[1])}: {normalize-space(xhtml:td[2])};
/* endregion semantic endpoints */
/* region zebra pattern geometry — angle only (strip-size and colors owned by D0) */
{normalize-space(xhtml:td[1])}: {normalize-space(xhtml:td[2])};
/* endregion zebra pattern geometry */
/* region ring recipes — box-shadow composition referencing D0 zebra tokens */
{normalize-space(xhtml:td[1])}: {normalize-space(xhtml:td[2])};
/* endregion ring recipes */
}
/* region forced-colors fallback — collapse rings to a single Highlight outline (Principle P4) */
@media (forced-colors: active) {
:root {
{normalize-space(xhtml:td[1])}: {normalize-space(xhtml:td[2])};
}
}
/* endregion forced-colors fallback */
cem-stroke-basis — stroke basis
Token
Value
Tier
Sample
Description
{$token}
{$value}
{$tier}
{$desc}
cem-stroke-semantic — semantic stroke endpoints
Token
Value
Tier
Sample
Description
{$token}
{$value}
{$tier}
{$desc}
cem-stroke-zebra-pattern + cem-stroke-rings — zebra-pattern geometry and ring recipes
Token
Value
Tier
Description
{$token}
{$value}
{$tier}
{$desc}
cem-stroke-rings-forced — forced-colors fallback
Token
Forced-colors value
{$token}
{$value}
{$css-body}