make danger buttons less obnoxious

src/components/button.style.js

@@ -54,7 +54,7 @@ export default {
     {
       variant: 'danger',
       directives: {
-        background: '--cRed',
+        background: '$blend(--cRed 0.25 --inheritedBackground)',
       },
     },
     {

src/services/theme_data/theme_data_3.service.js

@@ -499,7 +499,12 @@ export const init = ({
             }),
           )
           const lastVariantRule = variantRules[variantRules.length - 1]
-          if (lastVariantRule) {
+          const lastVariantSelector = ruleToSelector(
+            lastVariantRule,
+            true,
+          )
+
+          if (lastVariantRule && lastVariantSelector !== selector) {
             inheritRule = lastVariantRule
           } else {
             const normalRules = ruleset.filter(