Display-P3 color widening

Redeclares every accent token in wider-gamut coordinates under a feature query, so P3 screens (iPhone 16 Pro Max, most 2024+ Macs, modern Chrome) render more saturated color while sRGB screens see the exact same hex fallback.

Why it matters on this device/browser pairing

iPhone 16 Pro Max's display covers ~100% of P3. A flat sRGB hex leaves that gamut on the table; a naive P3-only color breaks non-wide-gamut browsers. The feature query makes both cases correct with one token set.

The actual code

@supports (color: color(display-p3 1 1 1)){
  @media (color-gamut: p3){
    :root{
      --cyan:color(display-p3 0.30 0.76 1.00);
      --green:color(display-p3 0.46 0.85 0.53);
      --amber:color(display-p3 0.95 0.64 0.20);
      --red:color(display-p3 0.93 0.42 0.38);
      --focus:color(display-p3 0.37 0.83 1.00);
    }
  }
}

Where it ships

subagentjobs.com subagentdata.com subagentworkers.com subagentdb.com subagentetl.com 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 subagentcode.com subagentprompts.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 subagentsubdomains.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