@FawzyAshraf ui/build color mixing is a temporary (though long duration) hack we will gleefully abandon once an overwhelming majority of iphones and ipads are at or above Safari 16.4. At that point, we migrate to CSS Color Module Level 4 functions (i.e. color_mix) provided by the browser.

While this is an ingenious fix and I'm fine with merging it - the initial problem is that the definition of $c-good violates the requirements outlined in the preceding comment. that mixable colors such as $c-good must be defined as valid css (no scss variables allowed).

This change to ui/build heads us down the path of loosening that restriction and further into the forest of replicating scss features. But it seems safe, clean, and effective so I'm fine with it.

Regardless of this change:

Let's correct $c-good by duplicating the value for $c-secondary in code so as not to demonstrate a blatant violation of the comment restriction (which if honored, will protect us from bad things like this). for example:

$c-secondary: hsl(88, 62%, 37%);
$c-good: hsl(88, 62%, 37%); // yes it's duped, this is fine

@schlawg Thanks for the detailed comment, it was really helpful.