chore: use stark/subtle instead of black/white

addons/rose/addon/styles/rose/components/dropdown/_button.scss

@@ -25,11 +25,11 @@
   }
 
   &.rose-dropdown-button-danger {
-    --background-color: var(--white);
+    --background-color: var(--subtle);
     --color: var(--failure);
 
     &:hover {
-      --color: var(--white);
+      --color: var(--subtle);
       --background-color: var(--failure);
     }
   }

addons/rose/addon/styles/rose/components/dropdown/_dropdown.scss

@@ -17,7 +17,7 @@ $chevron: "data:image/svg+xml;utf-8,<svg viewBox='0 0 24 24' fill='%231b1f26' xm
     align-items: center;
     $yPadding: sizing.rems(xxs) + sizing.rems(xxxs);
     padding: $yPadding sizing.rems(m) $yPadding sizing.rems(l);
-    color: var(--black);
+    color: var(--stark);
     border-radius: sizing.rems(xxxs);
 
     // Hide default twistie triangle

addons/rose/addon/styles/rose/components/dropdown/_link.scss

@@ -25,11 +25,11 @@
   }
 
   &.rose-dropdown-link-danger {
-    --background-color: var(--white);
+    --background-color: var(--subtle);
     --color: var(--failure);
 
     &:hover {
-      --color: var(--white);
+      --color: var(--subtle);
       --background-color: var(--failure);
     }
   }

addons/rose/addon/styles/rose/components/form/_checkbox.scss

@@ -77,7 +77,7 @@
       &:focus {
         ~ .rose-form-checkbox-label {
           &::before {
-            border-color: var(--info);
+            border-color: var(--action);
           }
         }
       }
@@ -85,7 +85,7 @@
       &:checked {
         ~ .rose-form-checkbox-label {
           &::before {
-            border-color: var(--info);
+            border-color: var(--action);
           }
           &::after {
             background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 8 8'><path fill='%231563ff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>");