Update semantic.css

Test: Orange > Purple

packages/design-system/src/__theme__/default/semantic.css

@@ -7,11 +7,11 @@
   */
 
   /** Used as active bg when --ads-v2-color-bg-brand is the default bg **/
-  --ads-v2-color-bg-brand-emphasis-plus: var(--ads-v2-color-orange-800);
+  --ads-v2-color-bg-brand-emphasis-plus: var(--ads-v2-color-purple-700);
   /** Used as hover bg when --ads-v2-color-bg-brand is the default bg **/
-  --ads-v2-color-bg-brand-emphasis: var(--ads-v2-color-orange-700);
+  --ads-v2-color-bg-brand-emphasis: var(--ads-v2-color-purple-600);
   /** Brand primary color **/
-  --ads-v2-color-bg-brand: var(--ads-v2-color-orange-600);
+  --ads-v2-color-bg-brand: var(--ads-v2-color-purple-500);
 
   /** Used as active bg when --ads-v2-color-bg-brand-secondary is the default bg */
   --ads-v2-color-bg-brand-secondary-emphasis-plus: var(--ads-v2-color-gray-600);
@@ -68,11 +68,11 @@
   /** Used for all least important texts like placeholders, disabled text */
   --ads-v2-color-fg-subtle: var(--ads-v2-color-gray-400);
   /** Text color with special meaning */
-  --ads-v2-color-fg-brand: var(--ads-v2-color-orange-600);
+  --ads-v2-color-fg-brand: var(--ads-v2-color-purple-500);
   /** Hover for text color with special meaning */
-  --ads-v2-color-fg-brand-emphasis: var(--ads-v2-color-orange-700);
+  --ads-v2-color-fg-brand-emphasis: var(--ads-v2-color-purple-600);
   /** Active for text color with special meaning */
-  --ads-v2-color-fg-brand-emphasis-plus: var(--ads-v2-color-orange-800);
+  --ads-v2-color-fg-brand-emphasis-plus: var(--ads-v2-color-purple-700);
 
   /** Text color for background --ads-v2-color-bg-brand */
   --ads-v2-color-fg-on-brand: var(--ads-v2-color-white);
@@ -100,7 +100,7 @@
   /** Foreground color for special */
   --ads-v2-color-fg-special: var(--ads-v2-color-purple-700);
   /** Foreground color for premium */
-  --ads-v2-color-fg-premium: var(--ads-v2-color-orange-600);
+  --ads-v2-color-fg-premium: var(--ads-v2-color-purple-500);
 
   /**
     * ===========================================*
@@ -118,15 +118,15 @@
   --ads-v2-color-border-muted: var(--ads-v2-color-gray-200);
 
   /** Used as active border when --ads-v2-color-bg-brand is the default bg */
-  --ads-v2-color-border-brand-emphasis-plus: var(--ads-v2-color-orange-800);
+  --ads-v2-color-border-brand-emphasis-plus: var(--ads-v2-color-purple-700);
   /** Used as hover border when --ads-v2-color-bg-brand is the default bg */
-  --ads-v2-color-border-brand-emphasis: var(--ads-v2-color-orange-700);
+  --ads-v2-color-border-brand-emphasis: var(--ads-v2-color-purple-600);
   /** Used as active border hover color of secondary items like radio checkbox etc */
   --ads-v2-color-border-brand-secondary-emphasis: var(--ads-v2-color-gray-700);
   /** Used as active border color of secondary items like radio checkbox etc */
   --ads-v2-color-border-brand-secondary: var(--ads-v2-color-gray-600);
   /** Used as default border color when --ads-v2-color-bg-brand is the default bg */
-  --ads-v2-color-border-brand: var(--ads-v2-color-orange-600);
+  --ads-v2-color-border-brand: var(--ads-v2-color-purple-500);
   /** Used for indicating error borders */
   --ads-v2-color-border-error: var(--ads-v2-color-red-400);
   /** Used for indicating success borders */
@@ -138,5 +138,5 @@
   /** Used for indicating special borders */
   --ads-v2-color-border-special: var(--ads-v2-color-purple-300);
   /** Used for indicating premium borders */
-  --ads-v2-color-border-premium: var(--ads-v2-color-orange-300);
-}
+  --ads-v2-color-border-premium: var(--ads-v2-color-purple-300);
+}