CSS relative color syntax

Derives a translucent badge border from whatever --accent currently is, at render time, instead of hand-maintaining a second alpha-blended token per site.

Why it matters on this device/browser pairing

Chrome 119+ relative-color syntax means the badge component is truly shared code — six sites use the identical .badge rule and each gets a correctly-tinted border with zero per-site overrides.

The actual code

.badge{
  border-color:#51c4ff33;  /* sRGB fallback, declared first */
  border-color:rgb(from var(--accent) r g b / .25);
  color:var(--accent)
}

Where it ships

subagentcowork.com subagentcoworkers.com subagentcontracts.com subagenttasks.com subagentdevices.com subagentdomains.com subagentidentities.com subagentcitations.com subagentcache.com subagentrubrics.com subagentoutcomes.com subagentevaluations.com subagentapi.com subagentcli.com subagentbrands.com subagentskills.com subagentroles.com subagentmemories.com subagentmodels.com subagentdatamodels.com subagentrust.com subagentpython.com subagenttypescript.com subagentpermissions.com subagentvaults.com subagentsessions.com subagenttools.com subagenthooks.com subagentgraphql.com subagenthtml.com subagentswift.com subagentengineering.com subagentlegal.com subagentfinance.com subagentmanagers.com subagentsupport.com subagentplugins.com subagentsdk.com subagentservers.com subagentspec.com subagentprotocols.com subagenthandoffs.com