diff --git a/demo/api.md b/demo/api.md
index 3876c5a..4ab6ac2 100644
--- a/demo/api.md
+++ b/demo/api.md
@@ -594,61 +594,61 @@ The component may be restyled using the following code sample and changing the v
   --ds-auro-hyperlink-nav-hover-outline-color-inverse: transparent;
   --ds-auro-hyperlink-nav-hover-border-color-inverse: transparent;
   --ds-auro-hyperlink-cta-default-color-default: var(--ds-color-text-primary-inverse, #ffffff);
-  --ds-auro-hyperlink-cta-default-container-color-default: var(--ds-color-ui-default-default, #0074c8);
-  --ds-auro-hyperlink-cta-default-outline-color-default: var(--ds-color-ui-default-default, #0074c8);
-  --ds-auro-hyperlink-cta-default-border-color-default: var(--ds-color-ui-default-default, #0074c8);
+  --ds-auro-hyperlink-cta-default-container-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);
+  --ds-auro-hyperlink-cta-default-outline-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);
+  --ds-auro-hyperlink-cta-default-border-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);
   --ds-auro-hyperlink-cta-visited-color-default: var(--ds-color-text-primary-inverse, #ffffff);
-  --ds-auro-hyperlink-cta-visited-container-color-default: var(--ds-color-ui-default-default, #0074c8);
-  --ds-auro-hyperlink-cta-visited-outline-color-default: var(--ds-color-ui-default-default, #0074c8);
-  --ds-auro-hyperlink-cta-visited-border-color-default: var(--ds-color-ui-default-default, #0074c8);
+  --ds-auro-hyperlink-cta-visited-container-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);
+  --ds-auro-hyperlink-cta-visited-outline-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);
+  --ds-auro-hyperlink-cta-visited-border-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);
   --ds-auro-hyperlink-cta-focus-color-default: var(--ds-color-text-primary-inverse, #ffffff);
-  --ds-auro-hyperlink-cta-focus-container-color-default: var(--ds-color-ui-default-default, #0074c8);
-  --ds-auro-hyperlink-cta-focus-outline-color-default: var(--ds-color-container-ui-secondary-default-default, #ffffff);
-  --ds-auro-hyperlink-cta-focus-border-color-default: var(--ds-color-border-ui-focus-default, #2c67b5);
+  --ds-auro-hyperlink-cta-focus-container-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);
+  --ds-auro-hyperlink-cta-focus-outline-color-default: var(--ds-color-border-emphasis-inverse, #f2f7fb);
+  --ds-auro-hyperlink-cta-focus-border-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);
   --ds-auro-hyperlink-cta-hover-color-default: var(--ds-color-text-primary-inverse, #ffffff);
   --ds-auro-hyperlink-cta-hover-container-color-default: var(--ds-color-container-ui-primary-hover-default, #193d73);
-  --ds-auro-hyperlink-cta-hover-outline-color-default: var(--ds-color-border-ui-hover-default, #193d73);
-  --ds-auro-hyperlink-cta-hover-border-color-default: var(--ds-color-border-ui-hover-default, #193d73);
+  --ds-auro-hyperlink-cta-hover-outline-color-default: var(--ds-color-container-ui-primary-hover-default, #193d73);
+  --ds-auro-hyperlink-cta-hover-border-color-default: var(--ds-color-container-ui-primary-hover-default, #193d73);
   --ds-auro-hyperlink-cta-default-color-inverse: var(--ds-color-text-primary-default, #2a2a2a);
-  --ds-auro-hyperlink-cta-default-container-color-inverse: var(--ds-color-ui-default-inverse, #00cff0);
-  --ds-auro-hyperlink-cta-default-outline-color-inverse: var(--ds-color-ui-default-inverse, #00cff0);
-  --ds-auro-hyperlink-cta-default-border-color-inverse: var(--ds-color-ui-default-inverse, #00cff0);
+  --ds-auro-hyperlink-cta-default-container-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #56bbde);
+  --ds-auro-hyperlink-cta-default-outline-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #56bbde);
+  --ds-auro-hyperlink-cta-default-border-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #56bbde);
   --ds-auro-hyperlink-cta-visited-color-inverse: var(--ds-color-text-primary-default, #2a2a2a);
-  --ds-auro-hyperlink-cta-visited-container-color-inverse: var(--ds-color-ui-default-inverse, #00cff0);
-  --ds-auro-hyperlink-cta-visited-outline-color-inverse: var(--ds-color-ui-default-inverse, #00cff0);
-  --ds-auro-hyperlink-cta-visited-border-color-inverse: var(--ds-color-ui-default-inverse, #00cff0);
+  --ds-auro-hyperlink-cta-visited-container-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #56bbde);
+  --ds-auro-hyperlink-cta-visited-outline-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #56bbde);
+  --ds-auro-hyperlink-cta-visited-border-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #56bbde);
   --ds-auro-hyperlink-cta-focus-color-inverse: var(--ds-color-text-primary-default, #2a2a2a);
-  --ds-auro-hyperlink-cta-focus-container-color-inverse: var(--ds-color-ui-default-inverse, #00cff0);
-  --ds-auro-hyperlink-cta-focus-outline-color-inverse: var(--ds-color-container-ui-secondary-default-default, #ffffff);
-  --ds-auro-hyperlink-cta-focus-border-color-inverse: var(--ds-color-border-ui-focus-inverse, #56bbde);
+  --ds-auro-hyperlink-cta-focus-container-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #56bbde);
+  --ds-auro-hyperlink-cta-focus-outline-color-inverse: var(--ds-color-border-emphasis-inverse, #f2f7fb);
+  --ds-auro-hyperlink-cta-focus-border-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #56bbde);
   --ds-auro-hyperlink-cta-hover-color-inverse: var(--ds-color-text-primary-default, #2a2a2a);
   --ds-auro-hyperlink-cta-hover-container-color-inverse: var(--ds-color-container-ui-primary-hover-inverse, #a8e9f7);
-  --ds-auro-hyperlink-cta-hover-outline-color-inverse: var(--ds-color-border-ui-hover-inverse, #a8e9f7);
-  --ds-auro-hyperlink-cta-hover-border-color-inverse: var(--ds-color-border-ui-hover-inverse, #a8e9f7);
-  --ds-auro-hyperlink-cta-secondary-default-color-default: var(--ds-color-ui-default-default, #0074c8);
-  --ds-auro-hyperlink-cta-secondary-default-container-color-default: var(--ds-color-background-lightest, #ffffff);
-  --ds-auro-hyperlink-cta-secondary-default-outline-color-default: var(--ds-color-text-link-default, #0074c8);
-  --ds-auro-hyperlink-cta-secondary-default-border-color-default: var(--ds-color-text-link-default, #0074c8);
-  --ds-auro-hyperlink-cta-secondary-visited-color-default: var(--ds-color-ui-default-default, #0074c8);
-  --ds-auro-hyperlink-cta-secondary-visited-container-color-default: var(--ds-color-background-lightest, #ffffff);
-  --ds-auro-hyperlink-cta-secondary-visited-outline-color-default: var(--ds-color-text-link-default, #0074c8);
-  --ds-auro-hyperlink-cta-secondary-visited-border-color-default: var(--ds-color-text-link-default, #0074c8);
-  --ds-auro-hyperlink-cta-secondary-focus-color-default: var(--ds-color-ui-default-default, #0074c8);
-  --ds-auro-hyperlink-cta-secondary-focus-container-color-default: var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));
+  --ds-auro-hyperlink-cta-hover-outline-color-inverse: var(--ds-color-container-ui-primary-hover-inverse, #a8e9f7);
+  --ds-auro-hyperlink-cta-hover-border-color-inverse: var(--ds-color-container-ui-primary-hover-inverse, #a8e9f7);
+  --ds-auro-hyperlink-cta-secondary-default-color-default: var(--ds-color-text-ui-default-default, #2c67b5);
+  --ds-auro-hyperlink-cta-secondary-default-container-color-default: var(--ds-color-container-ui-secondary-default-default, #ffffff);
+  --ds-auro-hyperlink-cta-secondary-default-outline-color-default: var(--ds-color-border-ui-default-default, #2c67b5);
+  --ds-auro-hyperlink-cta-secondary-default-border-color-default: var(--ds-color-border-ui-default-default, #2c67b5);
+  --ds-auro-hyperlink-cta-secondary-visited-color-default: var(--ds-color-text-ui-default-default, #2c67b5);
+  --ds-auro-hyperlink-cta-secondary-visited-container-color-default: var(--ds-color-container-ui-secondary-default-default, #ffffff);
+  --ds-auro-hyperlink-cta-secondary-visited-outline-color-default: var(--ds-color-border-ui-default-default, #2c67b5);
+  --ds-auro-hyperlink-cta-secondary-visited-border-color-default: var(--ds-color-border-ui-default-default, #2c67b5);
+  --ds-auro-hyperlink-cta-secondary-focus-color-default: var(--ds-color-text-ui-default-default, #2c67b5);
+  --ds-auro-hyperlink-cta-secondary-focus-container-color-default: var(--ds-color-container-ui-secondary-default-default, #ffffff);
   --ds-auro-hyperlink-cta-secondary-focus-outline-color-default: var(--ds-color-border-ui-focus-default, #2c67b5);
   --ds-auro-hyperlink-cta-secondary-focus-border-color-default: var(--ds-color-border-ui-focus-default, #2c67b5);
-  --ds-auro-hyperlink-cta-secondary-hover-color-default: var(--ds-color-ui-default-default, #0074c8);
-  --ds-auro-hyperlink-cta-secondary-hover-container-color-default: var(--ds-color-container-ui-tertiary-hover-default, rgba(0, 0, 0, 0.12));
+  --ds-auro-hyperlink-cta-secondary-hover-color-default: var(--ds-color-text-ui-hover-default, #193d73);
+  --ds-auro-hyperlink-cta-secondary-hover-container-color-default: var(--ds-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03));
   --ds-auro-hyperlink-cta-secondary-hover-outline-color-default: var(--ds-color-border-ui-hover-default, #193d73);
   --ds-auro-hyperlink-cta-secondary-hover-border-color-default: var(--ds-color-border-ui-hover-default, #193d73);
   --ds-auro-hyperlink-cta-secondary-default-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);
   --ds-auro-hyperlink-cta-secondary-default-container-color-inverse: var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));
-  --ds-auro-hyperlink-cta-secondary-default-outline-color-inverse: var(--ds-color-border-ui-focus-inverse, #56bbde);
-  --ds-auro-hyperlink-cta-secondary-default-border-color-inverse: var(--ds-color-border-ui-focus-inverse, #56bbde);
+  --ds-auro-hyperlink-cta-secondary-default-outline-color-inverse: var(--ds-color-border-ui-default-inverse, #56bbde);
+  --ds-auro-hyperlink-cta-secondary-default-border-color-inverse: var(--ds-color-border-ui-default-inverse, #56bbde);
   --ds-auro-hyperlink-cta-secondary-visited-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);
   --ds-auro-hyperlink-cta-secondary-visited-container-color-inverse: var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));
-  --ds-auro-hyperlink-cta-secondary-visited-outline-color-inverse: var(--ds-color-border-ui-focus-inverse, #56bbde);
-  --ds-auro-hyperlink-cta-secondary-visited-border-color-inverse: var(--ds-color-border-ui-focus-inverse, #56bbde);
+  --ds-auro-hyperlink-cta-secondary-visited-outline-color-inverse: var(--ds-color-border-ui-default-inverse, #56bbde);
+  --ds-auro-hyperlink-cta-secondary-visited-border-color-inverse: var(--ds-color-border-ui-default-inverse, #56bbde);
   --ds-auro-hyperlink-cta-secondary-focus-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);
   --ds-auro-hyperlink-cta-secondary-focus-container-color-inverse: var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));
   --ds-auro-hyperlink-cta-secondary-focus-outline-color-inverse: var(--ds-color-border-ui-focus-inverse, #56bbde);
@@ -657,19 +657,19 @@ The component may be restyled using the following code sample and changing the v
   --ds-auro-hyperlink-cta-secondary-hover-container-color-inverse: var(--ds-color-container-ui-secondary-hover-inverse, rgba(255, 255, 255, 0.12));
   --ds-auro-hyperlink-cta-secondary-hover-outline-color-inverse: var(--ds-color-border-ui-hover-inverse, #a8e9f7);
   --ds-auro-hyperlink-cta-secondary-hover-border-color-inverse: var(--ds-color-border-ui-hover-inverse, #a8e9f7);
-  --ds-auro-hyperlink-cta-tertiary-default-color-default: var(--ds-color-ui-default-default, #0074c8);
-  --ds-auro-hyperlink-cta-tertiary-default-container-color-default: var(--ds-color-container-tertiary-default, rgba(0, 0, 0, 0.03));
+  --ds-auro-hyperlink-cta-tertiary-default-color-default: var(--ds-color-text-ui-default-default, #2c67b5);
+  --ds-auro-hyperlink-cta-tertiary-default-container-color-default: var(--ds-color-container-ui-tertiary-default-default, rgba(0, 0, 0, 0.03));
   --ds-auro-hyperlink-cta-tertiary-default-outline-color-default: transparent;
   --ds-auro-hyperlink-cta-tertiary-default-border-color-default: transparent;
-  --ds-auro-hyperlink-cta-tertiary-visited-color-default: var(--ds-color-ui-default-default, #0074c8);
-  --ds-auro-hyperlink-cta-tertiary-visited-container-color-default: var(--ds-color-container-tertiary-default, rgba(0, 0, 0, 0.03));
+  --ds-auro-hyperlink-cta-tertiary-visited-color-default: var(--ds-color-text-ui-default-default, #2c67b5);
+  --ds-auro-hyperlink-cta-tertiary-visited-container-color-default: var(--ds-color-container-ui-tertiary-default-default, rgba(0, 0, 0, 0.03));
   --ds-auro-hyperlink-cta-tertiary-visited-outline-color-default: transparent;
   --ds-auro-hyperlink-cta-tertiary-visited-border-color-default: transparent;
   --ds-auro-hyperlink-cta-tertiary-focus-color-default: var(--ds-color-ui-default-default, #0074c8);
   --ds-auro-hyperlink-cta-tertiary-focus-container-color-default: var(--ds-color-container-tertiary-default, rgba(0, 0, 0, 0.03));
-  --ds-auro-hyperlink-cta-tertiary-focus-outline-color-default: var(--ds-color-border-ui-focus-default, #2c67b5);
-  --ds-auro-hyperlink-cta-tertiary-focus-border-color-default: transparent;
-  --ds-auro-hyperlink-cta-tertiary-hover-color-default: var(--ds-color-ui-default-default, #0074c8);
+  --ds-auro-hyperlink-cta-tertiary-focus-outline-color-default: var(--ds-color-border-ui-default-default, #2c67b5);
+  --ds-auro-hyperlink-cta-tertiary-focus-border-color-default: var(--ds-color-border-ui-default-default, #2c67b5);
+  --ds-auro-hyperlink-cta-tertiary-hover-color-default: var(--ds-color-text-ui-hover-default, #193d73);
   --ds-auro-hyperlink-cta-tertiary-hover-container-color-default: var(--ds-color-container-ui-tertiary-hover-default, rgba(0, 0, 0, 0.12));
   --ds-auro-hyperlink-cta-tertiary-hover-outline-color-default: transparent;
   --ds-auro-hyperlink-cta-tertiary-hover-border-color-default: transparent;
@@ -683,8 +683,8 @@ The component may be restyled using the following code sample and changing the v
   --ds-auro-hyperlink-cta-tertiary-visited-border-color-inverse: transparent;
   --ds-auro-hyperlink-cta-tertiary-focus-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);
   --ds-auro-hyperlink-cta-tertiary-focus-container-color-inverse: var(--ds-color-container-ui-secondary-focus-inverse, rgba(255, 255, 255, 0.03));
-  --ds-auro-hyperlink-cta-tertiary-focus-outline-color-inverse: var(--ds-color-border-ui-focus-inverse, #56bbde);
-  --ds-auro-hyperlink-cta-tertiary-focus-border-color-inverse: transparent;
+  --ds-auro-hyperlink-cta-tertiary-focus-outline-color-inverse: var(--ds-color-border-ui-default-inverse, #56bbde);
+  --ds-auro-hyperlink-cta-tertiary-focus-border-color-inverse: var(--ds-color-border-ui-default-inverse, #56bbde);
   --ds-auro-hyperlink-cta-tertiary-hover-color-inverse: var(--ds-color-text-ui-hover-inverse, #a8e9f7);
   --ds-auro-hyperlink-cta-tertiary-hover-container-color-inverse: var(--ds-color-container-ui-tertiary-hover-inverse, rgba(255, 255, 255, 0.25));
   --ds-auro-hyperlink-cta-tertiary-hover-outline-color-inverse: transparent;
diff --git a/demo/api.min.js b/demo/api.min.js
index 836d07b..abca84d 100644
--- a/demo/api.min.js
+++ b/demo/api.min.js
@@ -872,7 +872,7 @@ var styleCss = i$1`*,*:before,*:after{box-sizing:border-box}@media(prefers-reduc
 
 var colorCss = i$1`:host(:not([type=cta]):not([type=nav]):not([ondark])) a{color:var(--ds-auro-hyperlink-default-color-default);background-color:var(--ds-auro-hyperlink-default-container-color-default);outline-color:var(--ds-auro-hyperlink-default-outline-color-default);border-color:var(--ds-auro-hyperlink-default-border-color-default)}:host(:not([type=cta]):not([type=nav]):not([ondark])) a:visited{color:var(--ds-auro-hyperlink-visited-color-default);background-color:var(--ds-auro-hyperlink-visited-container-color-default);outline-color:var(--ds-auro-hyperlink-visited-outline-color-default);border-color:var(--ds-auro-hyperlink-visited-border-color-default)}:host(:not([type=cta]):not([type=nav]):not([ondark])) a:focus-visible{color:var(--ds-auro-hyperlink-focus-color-default);background-color:var(--ds-auro-hyperlink-focus-container-color-default);outline-color:var(--ds-auro-hyperlink-focus-outline-color-default);border-color:var(--ds-auro-hyperlink-focus-border-color-default)}@media(hover: hover){:host(:not([type=cta]):not([type=nav]):not([ondark])) a:hover{color:var(--ds-auro-hyperlink-hover-color-default);background-color:var(--ds-auro-hyperlink-hover-container-color-default);outline-color:var(--ds-auro-hyperlink-hover-outline-color-default);border-color:var(--ds-auro-hyperlink-hover-border-color-default)}}:host(:not([type=cta]):not([type=nav])[ondark]) a{color:var(--ds-auro-hyperlink-default-color-inverse);background-color:var(--ds-auro-hyperlink-default-container-color-inverse);outline-color:var(--ds-auro-hyperlink-default-outline-color-inverse);border-color:var(--ds-auro-hyperlink-default-border-color-inverse)}:host(:not([type=cta]):not([type=nav])[ondark]) a:visited{color:var(--ds-auro-hyperlink-visited-color-inverse);background-color:var(--ds-auro-hyperlink-visited-container-color-inverse);outline-color:var(--ds-auro-hyperlink-visited-outline-color-inverse);border-color:var(--ds-auro-hyperlink-visited-border-color-inverse)}:host(:not([type=cta]):not([type=nav])[ondark]) a:focus-visible{color:var(--ds-auro-hyperlink-focus-color-inverse);background-color:var(--ds-auro-hyperlink-focus-container-color-inverse);outline-color:var(--ds-auro-hyperlink-focus-outline-color-inverse);border-color:var(--ds-auro-hyperlink-focus-border-color-inverse)}@media(hover: hover){:host(:not([type=cta]):not([type=nav])[ondark]) a:hover{color:var(--ds-auro-hyperlink-hover-color-inverse);background-color:var(--ds-auro-hyperlink-hover-container-color-inverse);outline-color:var(--ds-auro-hyperlink-hover-outline-color-inverse);border-color:var(--ds-auro-hyperlink-hover-border-color-inverse)}}:host([type=nav]:not([ondark])) a{color:var(--ds-auro-hyperlink-nav-default-color-default);background-color:var(--ds-auro-hyperlink-nav-default-container-color-default);outline-color:var(--ds-auro-hyperlink-nav-default-outline-color-default);border-color:var(--ds-auro-hyperlink-nav-default-border-color-default)}:host([type=nav]:not([ondark])) a:visited{color:var(--ds-auro-hyperlink-nav-visited-color-default);background-color:var(--ds-auro-hyperlink-nav-visited-container-color-default);outline-color:var(--ds-auro-hyperlink-nav-visited-outline-color-default);border-color:var(--ds-auro-hyperlink-nav-visited-border-color-default)}:host([type=nav]:not([ondark])) a:focus-visible{color:var(--ds-auro-hyperlink-nav-focus-color-default);background-color:var(--ds-auro-hyperlink-nav-focus-container-color-default);outline-color:var(--ds-auro-hyperlink-nav-focus-outline-color-default);border-color:var(--ds-auro-hyperlink-nav-focus-border-color-default)}@media(hover: hover){:host([type=nav]:not([ondark])) a:hover{color:var(--ds-auro-hyperlink-nav-hover-color-default);background-color:var(--ds-auro-hyperlink-nav-hover-container-color-default);outline-color:var(--ds-auro-hyperlink-nav-hover-outline-color-default);border-color:var(--ds-auro-hyperlink-nav-hover-border-color-default)}}:host([type=nav][ondark]) a{color:var(--ds-auro-hyperlink-nav-default-color-inverse);background-color:var(--ds-auro-hyperlink-nav-default-container-color-inverse);outline-color:var(--ds-auro-hyperlink-nav-default-outline-color-inverse);border-color:var(--ds-auro-hyperlink-nav-default-border-color-inverse)}:host([type=nav][ondark]) a:visited{color:var(--ds-auro-hyperlink-nav-visited-color-inverse);background-color:var(--ds-auro-hyperlink-nav-visited-container-color-inverse);outline-color:var(--ds-auro-hyperlink-nav-visited-outline-color-inverse);border-color:var(--ds-auro-hyperlink-nav-visited-border-color-inverse)}:host([type=nav][ondark]) a:focus-visible{color:var(--ds-auro-hyperlink-nav-focus-color-inverse);background-color:var(--ds-auro-hyperlink-nav-focus-container-color-inverse);outline-color:var(--ds-auro-hyperlink-nav-focus-outline-color-inverse);border-color:var(--ds-auro-hyperlink-nav-focus-border-color-inverse)}@media(hover: hover){:host([type=nav][ondark]) a:hover{color:var(--ds-auro-hyperlink-nav-hover-color-inverse);background-color:var(--ds-auro-hyperlink-nav-hover-container-color-inverse);outline-color:var(--ds-auro-hyperlink-nav-hover-outline-color-inverse);border-color:var(--ds-auro-hyperlink-nav-hover-border-color-inverse)}}:host([type=cta]:not([ondark]):not([secondary]):not([tertiary])) a{color:var(--ds-auro-hyperlink-cta-default-color-default);background-color:var(--ds-auro-hyperlink-cta-default-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-default-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-default-border-color-default)}:host([type=cta]:not([ondark]):not([secondary]):not([tertiary])) a:visited{color:var(--ds-auro-hyperlink-cta-visited-color-default);background-color:var(--ds-auro-hyperlink-cta-visited-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-visited-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-visited-border-color-default)}:host([type=cta]:not([ondark]):not([secondary]):not([tertiary])) a:focus-visible{color:var(--ds-auro-hyperlink-cta-focus-color-default);background-color:var(--ds-auro-hyperlink-cta-focus-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-focus-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-focus-border-color-default)}@media(hover: hover){:host([type=cta]:not([ondark]):not([secondary]):not([tertiary])) a:hover{color:var(--ds-auro-hyperlink-cta-hover-color-default);background-color:var(--ds-auro-hyperlink-cta-hover-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-hover-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-hover-border-color-default)}}:host([type=cta][ondark]:not([secondary]):not([tertiary])) a{color:var(--ds-auro-hyperlink-cta-default-color-inverse);background-color:var(--ds-auro-hyperlink-cta-default-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-default-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-default-border-color-inverse)}:host([type=cta][ondark]:not([secondary]):not([tertiary])) a:visited{color:var(--ds-auro-hyperlink-cta-visited-color-inverse);background-color:var(--ds-auro-hyperlink-cta-visited-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-visited-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-visited-border-color-inverse)}:host([type=cta][ondark]:not([secondary]):not([tertiary])) a:focus-visible{color:var(--ds-auro-hyperlink-cta-focus-color-inverse);background-color:var(--ds-auro-hyperlink-cta-focus-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-focus-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-focus-border-color-inverse)}@media(hover: hover){:host([type=cta][ondark]:not([secondary]):not([tertiary])) a:hover{color:var(--ds-auro-hyperlink-cta-hover-color-inverse);background-color:var(--ds-auro-hyperlink-cta-hover-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-hover-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-hover-border-color-inverse)}}:host([type=cta][secondary]:not([ondark])) a{color:var(--ds-auro-hyperlink-cta-secondary-default-color-default);background-color:var(--ds-auro-hyperlink-cta-secondary-default-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-secondary-default-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-secondary-default-border-color-default)}:host([type=cta][secondary]:not([ondark])) a:visited{color:var(--ds-auro-hyperlink-cta-secondary-visited-color-default);background-color:var(--ds-auro-hyperlink-cta-secondary-visited-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-secondary-visited-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-secondary-visited-border-color-default)}:host([type=cta][secondary]:not([ondark])) a:focus-visible{color:var(--ds-auro-hyperlink-cta-secondary-focus-color-default);background-color:var(--ds-auro-hyperlink-cta-secondary-focus-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-secondary-focus-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-secondary-focus-border-color-default)}@media(hover: hover){:host([type=cta][secondary]:not([ondark])) a:hover{color:var(--ds-auro-hyperlink-cta-secondary-hover-color-default);background-color:var(--ds-auro-hyperlink-cta-secondary-hover-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-secondary-hover-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-secondary-hover-border-color-default)}}:host([type=cta][secondary][ondark]) a{color:var(--ds-auro-hyperlink-cta-secondary-default-color-inverse);background-color:var(--ds-auro-hyperlink-cta-secondary-default-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-secondary-default-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-secondary-default-border-color-inverse)}:host([type=cta][secondary][ondark]) a:visited{color:var(--ds-auro-hyperlink-cta-secondary-visited-color-inverse);background-color:var(--ds-auro-hyperlink-cta-secondary-visited-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-secondary-visited-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-secondary-visited-border-color-inverse)}:host([type=cta][secondary][ondark]) a:focus-visible{color:var(--ds-auro-hyperlink-cta-secondary-focus-color-inverse);background-color:var(--ds-auro-hyperlink-cta-secondary-focus-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-secondary-focus-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-secondary-focus-border-color-inverse)}@media(hover: hover){:host([type=cta][secondary][ondark]) a:hover{color:var(--ds-auro-hyperlink-cta-secondary-hover-color-inverse);background-color:var(--ds-auro-hyperlink-cta-secondary-hover-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-secondary-hover-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-secondary-hover-border-color-inverse)}}:host([type=cta][tertiary]:not([ondark])) a{color:var(--ds-auro-hyperlink-cta-tertiary-default-color-default);background-color:var(--ds-auro-hyperlink-cta-tertiary-default-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-tertiary-default-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-tertiary-default-border-color-default)}:host([type=cta][tertiary]:not([ondark])) a:visited{color:var(--ds-auro-hyperlink-cta-tertiary-visited-color-default);background-color:var(--ds-auro-hyperlink-cta-tertiary-visited-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-tertiary-visited-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-tertiary-visited-border-color-default)}:host([type=cta][tertiary]:not([ondark])) a:focus-visible{color:var(--ds-auro-hyperlink-cta-tertiary-focus-color-default);background-color:var(--ds-auro-hyperlink-cta-tertiary-focus-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-tertiary-focus-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-tertiary-focus-border-color-default)}@media(hover: hover){:host([type=cta][tertiary]:not([ondark])) a:hover{color:var(--ds-auro-hyperlink-cta-tertiary-hover-color-default);background-color:var(--ds-auro-hyperlink-cta-tertiary-hover-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-tertiary-hover-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-tertiary-hover-border-color-default)}}:host([type=cta][tertiary][ondark]) a{color:var(--ds-auro-hyperlink-cta-tertiary-default-color-inverse);background-color:var(--ds-auro-hyperlink-cta-tertiary-default-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-tertiary-default-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-tertiary-default-border-color-inverse)}:host([type=cta][tertiary][ondark]) a:visited{color:var(--ds-auro-hyperlink-cta-tertiary-visited-color-inverse);background-color:var(--ds-auro-hyperlink-cta-tertiary-visited-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-tertiary-visited-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-tertiary-visited-border-color-inverse)}:host([type=cta][tertiary][ondark]) a:focus-visible{color:var(--ds-auro-hyperlink-cta-tertiary-focus-color-inverse);background-color:var(--ds-auro-hyperlink-cta-tertiary-focus-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-tertiary-focus-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-tertiary-focus-border-color-inverse)}@media(hover: hover){:host([type=cta][tertiary][ondark]) a:hover{color:var(--ds-auro-hyperlink-cta-tertiary-hover-color-inverse);background-color:var(--ds-auro-hyperlink-cta-tertiary-hover-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-tertiary-hover-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-tertiary-hover-border-color-inverse)}}`;
 
-var tokensCss = i$1`:host{--ds-auro-hyperlink-default-color-default: var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-default-container-color-default: transparent;--ds-auro-hyperlink-default-outline-color-default: transparent;--ds-auro-hyperlink-default-border-color-default: transparent;--ds-auro-hyperlink-visited-color-default: var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-visited-container-color-default: transparent;--ds-auro-hyperlink-visited-outline-color-default: transparent;--ds-auro-hyperlink-visited-border-color-default: transparent;--ds-auro-hyperlink-focus-color-default: var(--ds-color-text-ui-focus-default, #2c67b5);--ds-auro-hyperlink-focus-container-color-default: transparent;--ds-auro-hyperlink-focus-outline-color-default: transparent;--ds-auro-hyperlink-focus-border-color-default: transparent;--ds-auro-hyperlink-hover-color-default: var(--ds-color-text-ui-hover-default, #193d73);--ds-auro-hyperlink-hover-container-color-default: transparent;--ds-auro-hyperlink-hover-outline-color-default: transparent;--ds-auro-hyperlink-hover-border-color-default: transparent;--ds-auro-hyperlink-default-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-default-container-color-inverse: transparent;--ds-auro-hyperlink-default-outline-color-inverse: transparent;--ds-auro-hyperlink-default-border-color-inverse: transparent;--ds-auro-hyperlink-visited-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-visited-container-color-inverse: transparent;--ds-auro-hyperlink-visited-outline-color-inverse: transparent;--ds-auro-hyperlink-visited-border-color-inverse: transparent;--ds-auro-hyperlink-focus-color-inverse: var(--ds-color-text-ui-focus-inverse, #56bbde);--ds-auro-hyperlink-focus-container-color-inverse: transparent;--ds-auro-hyperlink-focus-outline-color-inverse: transparent;--ds-auro-hyperlink-focus-border-color-inverse: transparent;--ds-auro-hyperlink-hover-color-inverse: var(--ds-color-text-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-hover-container-color-inverse: transparent;--ds-auro-hyperlink-hover-outline-color-inverse: transparent;--ds-auro-hyperlink-hover-border-color-inverse: transparent;--ds-auro-hyperlink-nav-default-color-default: var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-nav-default-container-color-default: transparent;--ds-auro-hyperlink-nav-default-outline-color-default: transparent;--ds-auro-hyperlink-nav-default-border-color-default: transparent;--ds-auro-hyperlink-nav-visited-color-default: var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-nav-visited-container-color-default: transparent;--ds-auro-hyperlink-nav-visited-outline-color-default: transparent;--ds-auro-hyperlink-nav-visited-border-color-default: transparent;--ds-auro-hyperlink-nav-focus-color-default: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-nav-focus-container-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-nav-focus-outline-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-nav-focus-border-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-nav-hover-color-default: var(--ds-color-text-ui-hover-default, #193d73);--ds-auro-hyperlink-nav-hover-container-color-default: transparent;--ds-auro-hyperlink-nav-hover-outline-color-default: transparent;--ds-auro-hyperlink-nav-hover-border-color-default: transparent;--ds-auro-hyperlink-nav-default-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-nav-default-container-color-inverse: transparent;--ds-auro-hyperlink-nav-default-outline-color-inverse: transparent;--ds-auro-hyperlink-nav-default-border-color-inverse: transparent;--ds-auro-hyperlink-nav-visited-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-nav-visited-container-color-inverse: transparent;--ds-auro-hyperlink-nav-visited-outline-color-inverse: transparent;--ds-auro-hyperlink-nav-visited-border-color-inverse: transparent;--ds-auro-hyperlink-nav-focus-color-inverse: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-nav-focus-container-color-inverse: var(--ds-color-container-ui-primary-focus-inverse, #56bbde);--ds-auro-hyperlink-nav-focus-outline-color-inverse: var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-nav-focus-border-color-inverse: var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-nav-hover-color-inverse: var(--ds-color-text-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-nav-hover-container-color-inverse: transparent;--ds-auro-hyperlink-nav-hover-outline-color-inverse: transparent;--ds-auro-hyperlink-nav-hover-border-color-inverse: transparent;--ds-auro-hyperlink-cta-default-color-default: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-cta-default-container-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-default-outline-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-default-border-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-visited-color-default: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-cta-visited-container-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-visited-outline-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-visited-border-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-focus-color-default: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-cta-focus-container-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-focus-outline-color-default: var(--ds-color-container-ui-secondary-default-default, #ffffff);--ds-auro-hyperlink-cta-focus-border-color-default: var(--ds-color-border-ui-focus-default, #2c67b5);--ds-auro-hyperlink-cta-hover-color-default: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-cta-hover-container-color-default: var(--ds-color-container-ui-primary-hover-default, #193d73);--ds-auro-hyperlink-cta-hover-outline-color-default: var(--ds-color-border-ui-hover-default, #193d73);--ds-auro-hyperlink-cta-hover-border-color-default: var(--ds-color-border-ui-hover-default, #193d73);--ds-auro-hyperlink-cta-default-color-inverse: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-hyperlink-cta-default-container-color-inverse: var(--ds-color-ui-default-inverse, #00cff0);--ds-auro-hyperlink-cta-default-outline-color-inverse: var(--ds-color-ui-default-inverse, #00cff0);--ds-auro-hyperlink-cta-default-border-color-inverse: var(--ds-color-ui-default-inverse, #00cff0);--ds-auro-hyperlink-cta-visited-color-inverse: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-hyperlink-cta-visited-container-color-inverse: var(--ds-color-ui-default-inverse, #00cff0);--ds-auro-hyperlink-cta-visited-outline-color-inverse: var(--ds-color-ui-default-inverse, #00cff0);--ds-auro-hyperlink-cta-visited-border-color-inverse: var(--ds-color-ui-default-inverse, #00cff0);--ds-auro-hyperlink-cta-focus-color-inverse: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-hyperlink-cta-focus-container-color-inverse: var(--ds-color-ui-default-inverse, #00cff0);--ds-auro-hyperlink-cta-focus-outline-color-inverse: var(--ds-color-container-ui-secondary-default-default, #ffffff);--ds-auro-hyperlink-cta-focus-border-color-inverse: var(--ds-color-border-ui-focus-inverse, #56bbde);--ds-auro-hyperlink-cta-hover-color-inverse: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-hyperlink-cta-hover-container-color-inverse: var(--ds-color-container-ui-primary-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-hover-outline-color-inverse: var(--ds-color-border-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-hover-border-color-inverse: var(--ds-color-border-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-secondary-default-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-secondary-default-container-color-default: var(--ds-color-background-lightest, #ffffff);--ds-auro-hyperlink-cta-secondary-default-outline-color-default: var(--ds-color-text-link-default, #0074c8);--ds-auro-hyperlink-cta-secondary-default-border-color-default: var(--ds-color-text-link-default, #0074c8);--ds-auro-hyperlink-cta-secondary-visited-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-secondary-visited-container-color-default: var(--ds-color-background-lightest, #ffffff);--ds-auro-hyperlink-cta-secondary-visited-outline-color-default: var(--ds-color-text-link-default, #0074c8);--ds-auro-hyperlink-cta-secondary-visited-border-color-default: var(--ds-color-text-link-default, #0074c8);--ds-auro-hyperlink-cta-secondary-focus-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-secondary-focus-container-color-default: var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));--ds-auro-hyperlink-cta-secondary-focus-outline-color-default: var(--ds-color-border-ui-focus-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-focus-border-color-default: var(--ds-color-border-ui-focus-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-hover-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-secondary-hover-container-color-default: var(--ds-color-container-ui-tertiary-hover-default, rgba(0, 0, 0, 0.12));--ds-auro-hyperlink-cta-secondary-hover-outline-color-default: var(--ds-color-border-ui-hover-default, #193d73);--ds-auro-hyperlink-cta-secondary-hover-border-color-default: var(--ds-color-border-ui-hover-default, #193d73);--ds-auro-hyperlink-cta-secondary-default-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-default-container-color-inverse: var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));--ds-auro-hyperlink-cta-secondary-default-outline-color-inverse: var(--ds-color-border-ui-focus-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-default-border-color-inverse: var(--ds-color-border-ui-focus-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-visited-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-visited-container-color-inverse: var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));--ds-auro-hyperlink-cta-secondary-visited-outline-color-inverse: var(--ds-color-border-ui-focus-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-visited-border-color-inverse: var(--ds-color-border-ui-focus-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-focus-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-focus-container-color-inverse: var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));--ds-auro-hyperlink-cta-secondary-focus-outline-color-inverse: var(--ds-color-border-ui-focus-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-focus-border-color-inverse: var(--ds-color-border-ui-focus-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-hover-color-inverse: var(--ds-color-text-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-secondary-hover-container-color-inverse: var(--ds-color-container-ui-secondary-hover-inverse, rgba(255, 255, 255, 0.12));--ds-auro-hyperlink-cta-secondary-hover-outline-color-inverse: var(--ds-color-border-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-secondary-hover-border-color-inverse: var(--ds-color-border-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-tertiary-default-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-tertiary-default-container-color-default: var(--ds-color-container-tertiary-default, rgba(0, 0, 0, 0.03));--ds-auro-hyperlink-cta-tertiary-default-outline-color-default: transparent;--ds-auro-hyperlink-cta-tertiary-default-border-color-default: transparent;--ds-auro-hyperlink-cta-tertiary-visited-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-tertiary-visited-container-color-default: var(--ds-color-container-tertiary-default, rgba(0, 0, 0, 0.03));--ds-auro-hyperlink-cta-tertiary-visited-outline-color-default: transparent;--ds-auro-hyperlink-cta-tertiary-visited-border-color-default: transparent;--ds-auro-hyperlink-cta-tertiary-focus-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-tertiary-focus-container-color-default: var(--ds-color-container-tertiary-default, rgba(0, 0, 0, 0.03));--ds-auro-hyperlink-cta-tertiary-focus-outline-color-default: var(--ds-color-border-ui-focus-default, #2c67b5);--ds-auro-hyperlink-cta-tertiary-focus-border-color-default: transparent;--ds-auro-hyperlink-cta-tertiary-hover-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-tertiary-hover-container-color-default: var(--ds-color-container-ui-tertiary-hover-default, rgba(0, 0, 0, 0.12));--ds-auro-hyperlink-cta-tertiary-hover-outline-color-default: transparent;--ds-auro-hyperlink-cta-tertiary-hover-border-color-default: transparent;--ds-auro-hyperlink-cta-tertiary-default-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-tertiary-default-container-color-inverse: var(--ds-color-container-ui-tertiary-default-inverse, rgba(255, 255, 255, 0.12));--ds-auro-hyperlink-cta-tertiary-default-outline-color-inverse: transparent;--ds-auro-hyperlink-cta-tertiary-default-border-color-inverse: transparent;--ds-auro-hyperlink-cta-tertiary-visited-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-tertiary-visited-container-color-inverse: var(--ds-color-container-ui-tertiary-default-inverse, rgba(255, 255, 255, 0.12));--ds-auro-hyperlink-cta-tertiary-visited-outline-color-inverse: transparent;--ds-auro-hyperlink-cta-tertiary-visited-border-color-inverse: transparent;--ds-auro-hyperlink-cta-tertiary-focus-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-tertiary-focus-container-color-inverse: var(--ds-color-container-ui-secondary-focus-inverse, rgba(255, 255, 255, 0.03));--ds-auro-hyperlink-cta-tertiary-focus-outline-color-inverse: var(--ds-color-border-ui-focus-inverse, #56bbde);--ds-auro-hyperlink-cta-tertiary-focus-border-color-inverse: transparent;--ds-auro-hyperlink-cta-tertiary-hover-color-inverse: var(--ds-color-text-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-tertiary-hover-container-color-inverse: var(--ds-color-container-ui-tertiary-hover-inverse, rgba(255, 255, 255, 0.25));--ds-auro-hyperlink-cta-tertiary-hover-outline-color-inverse: transparent;--ds-auro-hyperlink-cta-tertiary-hover-border-color-inverse: transparent}`;
+var tokensCss = i$1`:host{--ds-auro-hyperlink-default-color-default: var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-default-container-color-default: transparent;--ds-auro-hyperlink-default-outline-color-default: transparent;--ds-auro-hyperlink-default-border-color-default: transparent;--ds-auro-hyperlink-visited-color-default: var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-visited-container-color-default: transparent;--ds-auro-hyperlink-visited-outline-color-default: transparent;--ds-auro-hyperlink-visited-border-color-default: transparent;--ds-auro-hyperlink-focus-color-default: var(--ds-color-text-ui-focus-default, #2c67b5);--ds-auro-hyperlink-focus-container-color-default: transparent;--ds-auro-hyperlink-focus-outline-color-default: transparent;--ds-auro-hyperlink-focus-border-color-default: transparent;--ds-auro-hyperlink-hover-color-default: var(--ds-color-text-ui-hover-default, #193d73);--ds-auro-hyperlink-hover-container-color-default: transparent;--ds-auro-hyperlink-hover-outline-color-default: transparent;--ds-auro-hyperlink-hover-border-color-default: transparent;--ds-auro-hyperlink-default-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-default-container-color-inverse: transparent;--ds-auro-hyperlink-default-outline-color-inverse: transparent;--ds-auro-hyperlink-default-border-color-inverse: transparent;--ds-auro-hyperlink-visited-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-visited-container-color-inverse: transparent;--ds-auro-hyperlink-visited-outline-color-inverse: transparent;--ds-auro-hyperlink-visited-border-color-inverse: transparent;--ds-auro-hyperlink-focus-color-inverse: var(--ds-color-text-ui-focus-inverse, #56bbde);--ds-auro-hyperlink-focus-container-color-inverse: transparent;--ds-auro-hyperlink-focus-outline-color-inverse: transparent;--ds-auro-hyperlink-focus-border-color-inverse: transparent;--ds-auro-hyperlink-hover-color-inverse: var(--ds-color-text-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-hover-container-color-inverse: transparent;--ds-auro-hyperlink-hover-outline-color-inverse: transparent;--ds-auro-hyperlink-hover-border-color-inverse: transparent;--ds-auro-hyperlink-nav-default-color-default: var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-nav-default-container-color-default: transparent;--ds-auro-hyperlink-nav-default-outline-color-default: transparent;--ds-auro-hyperlink-nav-default-border-color-default: transparent;--ds-auro-hyperlink-nav-visited-color-default: var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-nav-visited-container-color-default: transparent;--ds-auro-hyperlink-nav-visited-outline-color-default: transparent;--ds-auro-hyperlink-nav-visited-border-color-default: transparent;--ds-auro-hyperlink-nav-focus-color-default: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-nav-focus-container-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-nav-focus-outline-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-nav-focus-border-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-nav-hover-color-default: var(--ds-color-text-ui-hover-default, #193d73);--ds-auro-hyperlink-nav-hover-container-color-default: transparent;--ds-auro-hyperlink-nav-hover-outline-color-default: transparent;--ds-auro-hyperlink-nav-hover-border-color-default: transparent;--ds-auro-hyperlink-nav-default-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-nav-default-container-color-inverse: transparent;--ds-auro-hyperlink-nav-default-outline-color-inverse: transparent;--ds-auro-hyperlink-nav-default-border-color-inverse: transparent;--ds-auro-hyperlink-nav-visited-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-nav-visited-container-color-inverse: transparent;--ds-auro-hyperlink-nav-visited-outline-color-inverse: transparent;--ds-auro-hyperlink-nav-visited-border-color-inverse: transparent;--ds-auro-hyperlink-nav-focus-color-inverse: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-nav-focus-container-color-inverse: var(--ds-color-container-ui-primary-focus-inverse, #56bbde);--ds-auro-hyperlink-nav-focus-outline-color-inverse: var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-nav-focus-border-color-inverse: var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-nav-hover-color-inverse: var(--ds-color-text-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-nav-hover-container-color-inverse: transparent;--ds-auro-hyperlink-nav-hover-outline-color-inverse: transparent;--ds-auro-hyperlink-nav-hover-border-color-inverse: transparent;--ds-auro-hyperlink-cta-default-color-default: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-cta-default-container-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-cta-default-outline-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-cta-default-border-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-cta-visited-color-default: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-cta-visited-container-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-cta-visited-outline-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-cta-visited-border-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-cta-focus-color-default: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-cta-focus-container-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-cta-focus-outline-color-default: var(--ds-color-border-emphasis-inverse, #f2f7fb);--ds-auro-hyperlink-cta-focus-border-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-cta-hover-color-default: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-cta-hover-container-color-default: var(--ds-color-container-ui-primary-hover-default, #193d73);--ds-auro-hyperlink-cta-hover-outline-color-default: var(--ds-color-container-ui-primary-hover-default, #193d73);--ds-auro-hyperlink-cta-hover-border-color-default: var(--ds-color-container-ui-primary-hover-default, #193d73);--ds-auro-hyperlink-cta-default-color-inverse: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-hyperlink-cta-default-container-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-hyperlink-cta-default-outline-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-hyperlink-cta-default-border-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-hyperlink-cta-visited-color-inverse: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-hyperlink-cta-visited-container-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-hyperlink-cta-visited-outline-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-hyperlink-cta-visited-border-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-hyperlink-cta-focus-color-inverse: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-hyperlink-cta-focus-container-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-hyperlink-cta-focus-outline-color-inverse: var(--ds-color-border-emphasis-inverse, #f2f7fb);--ds-auro-hyperlink-cta-focus-border-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-hyperlink-cta-hover-color-inverse: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-hyperlink-cta-hover-container-color-inverse: var(--ds-color-container-ui-primary-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-hover-outline-color-inverse: var(--ds-color-container-ui-primary-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-hover-border-color-inverse: var(--ds-color-container-ui-primary-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-secondary-default-color-default: var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-default-container-color-default: var(--ds-color-container-ui-secondary-default-default, #ffffff);--ds-auro-hyperlink-cta-secondary-default-outline-color-default: var(--ds-color-border-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-default-border-color-default: var(--ds-color-border-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-visited-color-default: var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-visited-container-color-default: var(--ds-color-container-ui-secondary-default-default, #ffffff);--ds-auro-hyperlink-cta-secondary-visited-outline-color-default: var(--ds-color-border-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-visited-border-color-default: var(--ds-color-border-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-focus-color-default: var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-focus-container-color-default: var(--ds-color-container-ui-secondary-default-default, #ffffff);--ds-auro-hyperlink-cta-secondary-focus-outline-color-default: var(--ds-color-border-ui-focus-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-focus-border-color-default: var(--ds-color-border-ui-focus-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-hover-color-default: var(--ds-color-text-ui-hover-default, #193d73);--ds-auro-hyperlink-cta-secondary-hover-container-color-default: var(--ds-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03));--ds-auro-hyperlink-cta-secondary-hover-outline-color-default: var(--ds-color-border-ui-hover-default, #193d73);--ds-auro-hyperlink-cta-secondary-hover-border-color-default: var(--ds-color-border-ui-hover-default, #193d73);--ds-auro-hyperlink-cta-secondary-default-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-default-container-color-inverse: var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));--ds-auro-hyperlink-cta-secondary-default-outline-color-inverse: var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-default-border-color-inverse: var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-visited-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-visited-container-color-inverse: var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));--ds-auro-hyperlink-cta-secondary-visited-outline-color-inverse: var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-visited-border-color-inverse: var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-focus-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-focus-container-color-inverse: var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));--ds-auro-hyperlink-cta-secondary-focus-outline-color-inverse: var(--ds-color-border-ui-focus-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-focus-border-color-inverse: var(--ds-color-border-ui-focus-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-hover-color-inverse: var(--ds-color-text-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-secondary-hover-container-color-inverse: var(--ds-color-container-ui-secondary-hover-inverse, rgba(255, 255, 255, 0.12));--ds-auro-hyperlink-cta-secondary-hover-outline-color-inverse: var(--ds-color-border-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-secondary-hover-border-color-inverse: var(--ds-color-border-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-tertiary-default-color-default: var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-tertiary-default-container-color-default: var(--ds-color-container-ui-tertiary-default-default, rgba(0, 0, 0, 0.03));--ds-auro-hyperlink-cta-tertiary-default-outline-color-default: transparent;--ds-auro-hyperlink-cta-tertiary-default-border-color-default: transparent;--ds-auro-hyperlink-cta-tertiary-visited-color-default: var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-tertiary-visited-container-color-default: var(--ds-color-container-ui-tertiary-default-default, rgba(0, 0, 0, 0.03));--ds-auro-hyperlink-cta-tertiary-visited-outline-color-default: transparent;--ds-auro-hyperlink-cta-tertiary-visited-border-color-default: transparent;--ds-auro-hyperlink-cta-tertiary-focus-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-tertiary-focus-container-color-default: var(--ds-color-container-tertiary-default, rgba(0, 0, 0, 0.03));--ds-auro-hyperlink-cta-tertiary-focus-outline-color-default: var(--ds-color-border-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-tertiary-focus-border-color-default: var(--ds-color-border-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-tertiary-hover-color-default: var(--ds-color-text-ui-hover-default, #193d73);--ds-auro-hyperlink-cta-tertiary-hover-container-color-default: var(--ds-color-container-ui-tertiary-hover-default, rgba(0, 0, 0, 0.12));--ds-auro-hyperlink-cta-tertiary-hover-outline-color-default: transparent;--ds-auro-hyperlink-cta-tertiary-hover-border-color-default: transparent;--ds-auro-hyperlink-cta-tertiary-default-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-tertiary-default-container-color-inverse: var(--ds-color-container-ui-tertiary-default-inverse, rgba(255, 255, 255, 0.12));--ds-auro-hyperlink-cta-tertiary-default-outline-color-inverse: transparent;--ds-auro-hyperlink-cta-tertiary-default-border-color-inverse: transparent;--ds-auro-hyperlink-cta-tertiary-visited-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-tertiary-visited-container-color-inverse: var(--ds-color-container-ui-tertiary-default-inverse, rgba(255, 255, 255, 0.12));--ds-auro-hyperlink-cta-tertiary-visited-outline-color-inverse: transparent;--ds-auro-hyperlink-cta-tertiary-visited-border-color-inverse: transparent;--ds-auro-hyperlink-cta-tertiary-focus-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-tertiary-focus-container-color-inverse: var(--ds-color-container-ui-secondary-focus-inverse, rgba(255, 255, 255, 0.03));--ds-auro-hyperlink-cta-tertiary-focus-outline-color-inverse: var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-tertiary-focus-border-color-inverse: var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-tertiary-hover-color-inverse: var(--ds-color-text-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-tertiary-hover-container-color-inverse: var(--ds-color-container-ui-tertiary-hover-inverse, rgba(255, 255, 255, 0.25));--ds-auro-hyperlink-cta-tertiary-hover-outline-color-inverse: transparent;--ds-auro-hyperlink-cta-tertiary-hover-border-color-inverse: transparent}`;
 
 // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
diff --git a/demo/index.min.js b/demo/index.min.js
index 853c1a0..cf4f278 100644
--- a/demo/index.min.js
+++ b/demo/index.min.js
@@ -900,7 +900,7 @@ var styleCss = i$1`*,*:before,*:after{box-sizing:border-box}@media(prefers-reduc
 
 var colorCss = i$1`:host(:not([type=cta]):not([type=nav]):not([ondark])) a{color:var(--ds-auro-hyperlink-default-color-default);background-color:var(--ds-auro-hyperlink-default-container-color-default);outline-color:var(--ds-auro-hyperlink-default-outline-color-default);border-color:var(--ds-auro-hyperlink-default-border-color-default)}:host(:not([type=cta]):not([type=nav]):not([ondark])) a:visited{color:var(--ds-auro-hyperlink-visited-color-default);background-color:var(--ds-auro-hyperlink-visited-container-color-default);outline-color:var(--ds-auro-hyperlink-visited-outline-color-default);border-color:var(--ds-auro-hyperlink-visited-border-color-default)}:host(:not([type=cta]):not([type=nav]):not([ondark])) a:focus-visible{color:var(--ds-auro-hyperlink-focus-color-default);background-color:var(--ds-auro-hyperlink-focus-container-color-default);outline-color:var(--ds-auro-hyperlink-focus-outline-color-default);border-color:var(--ds-auro-hyperlink-focus-border-color-default)}@media(hover: hover){:host(:not([type=cta]):not([type=nav]):not([ondark])) a:hover{color:var(--ds-auro-hyperlink-hover-color-default);background-color:var(--ds-auro-hyperlink-hover-container-color-default);outline-color:var(--ds-auro-hyperlink-hover-outline-color-default);border-color:var(--ds-auro-hyperlink-hover-border-color-default)}}:host(:not([type=cta]):not([type=nav])[ondark]) a{color:var(--ds-auro-hyperlink-default-color-inverse);background-color:var(--ds-auro-hyperlink-default-container-color-inverse);outline-color:var(--ds-auro-hyperlink-default-outline-color-inverse);border-color:var(--ds-auro-hyperlink-default-border-color-inverse)}:host(:not([type=cta]):not([type=nav])[ondark]) a:visited{color:var(--ds-auro-hyperlink-visited-color-inverse);background-color:var(--ds-auro-hyperlink-visited-container-color-inverse);outline-color:var(--ds-auro-hyperlink-visited-outline-color-inverse);border-color:var(--ds-auro-hyperlink-visited-border-color-inverse)}:host(:not([type=cta]):not([type=nav])[ondark]) a:focus-visible{color:var(--ds-auro-hyperlink-focus-color-inverse);background-color:var(--ds-auro-hyperlink-focus-container-color-inverse);outline-color:var(--ds-auro-hyperlink-focus-outline-color-inverse);border-color:var(--ds-auro-hyperlink-focus-border-color-inverse)}@media(hover: hover){:host(:not([type=cta]):not([type=nav])[ondark]) a:hover{color:var(--ds-auro-hyperlink-hover-color-inverse);background-color:var(--ds-auro-hyperlink-hover-container-color-inverse);outline-color:var(--ds-auro-hyperlink-hover-outline-color-inverse);border-color:var(--ds-auro-hyperlink-hover-border-color-inverse)}}:host([type=nav]:not([ondark])) a{color:var(--ds-auro-hyperlink-nav-default-color-default);background-color:var(--ds-auro-hyperlink-nav-default-container-color-default);outline-color:var(--ds-auro-hyperlink-nav-default-outline-color-default);border-color:var(--ds-auro-hyperlink-nav-default-border-color-default)}:host([type=nav]:not([ondark])) a:visited{color:var(--ds-auro-hyperlink-nav-visited-color-default);background-color:var(--ds-auro-hyperlink-nav-visited-container-color-default);outline-color:var(--ds-auro-hyperlink-nav-visited-outline-color-default);border-color:var(--ds-auro-hyperlink-nav-visited-border-color-default)}:host([type=nav]:not([ondark])) a:focus-visible{color:var(--ds-auro-hyperlink-nav-focus-color-default);background-color:var(--ds-auro-hyperlink-nav-focus-container-color-default);outline-color:var(--ds-auro-hyperlink-nav-focus-outline-color-default);border-color:var(--ds-auro-hyperlink-nav-focus-border-color-default)}@media(hover: hover){:host([type=nav]:not([ondark])) a:hover{color:var(--ds-auro-hyperlink-nav-hover-color-default);background-color:var(--ds-auro-hyperlink-nav-hover-container-color-default);outline-color:var(--ds-auro-hyperlink-nav-hover-outline-color-default);border-color:var(--ds-auro-hyperlink-nav-hover-border-color-default)}}:host([type=nav][ondark]) a{color:var(--ds-auro-hyperlink-nav-default-color-inverse);background-color:var(--ds-auro-hyperlink-nav-default-container-color-inverse);outline-color:var(--ds-auro-hyperlink-nav-default-outline-color-inverse);border-color:var(--ds-auro-hyperlink-nav-default-border-color-inverse)}:host([type=nav][ondark]) a:visited{color:var(--ds-auro-hyperlink-nav-visited-color-inverse);background-color:var(--ds-auro-hyperlink-nav-visited-container-color-inverse);outline-color:var(--ds-auro-hyperlink-nav-visited-outline-color-inverse);border-color:var(--ds-auro-hyperlink-nav-visited-border-color-inverse)}:host([type=nav][ondark]) a:focus-visible{color:var(--ds-auro-hyperlink-nav-focus-color-inverse);background-color:var(--ds-auro-hyperlink-nav-focus-container-color-inverse);outline-color:var(--ds-auro-hyperlink-nav-focus-outline-color-inverse);border-color:var(--ds-auro-hyperlink-nav-focus-border-color-inverse)}@media(hover: hover){:host([type=nav][ondark]) a:hover{color:var(--ds-auro-hyperlink-nav-hover-color-inverse);background-color:var(--ds-auro-hyperlink-nav-hover-container-color-inverse);outline-color:var(--ds-auro-hyperlink-nav-hover-outline-color-inverse);border-color:var(--ds-auro-hyperlink-nav-hover-border-color-inverse)}}:host([type=cta]:not([ondark]):not([secondary]):not([tertiary])) a{color:var(--ds-auro-hyperlink-cta-default-color-default);background-color:var(--ds-auro-hyperlink-cta-default-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-default-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-default-border-color-default)}:host([type=cta]:not([ondark]):not([secondary]):not([tertiary])) a:visited{color:var(--ds-auro-hyperlink-cta-visited-color-default);background-color:var(--ds-auro-hyperlink-cta-visited-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-visited-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-visited-border-color-default)}:host([type=cta]:not([ondark]):not([secondary]):not([tertiary])) a:focus-visible{color:var(--ds-auro-hyperlink-cta-focus-color-default);background-color:var(--ds-auro-hyperlink-cta-focus-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-focus-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-focus-border-color-default)}@media(hover: hover){:host([type=cta]:not([ondark]):not([secondary]):not([tertiary])) a:hover{color:var(--ds-auro-hyperlink-cta-hover-color-default);background-color:var(--ds-auro-hyperlink-cta-hover-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-hover-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-hover-border-color-default)}}:host([type=cta][ondark]:not([secondary]):not([tertiary])) a{color:var(--ds-auro-hyperlink-cta-default-color-inverse);background-color:var(--ds-auro-hyperlink-cta-default-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-default-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-default-border-color-inverse)}:host([type=cta][ondark]:not([secondary]):not([tertiary])) a:visited{color:var(--ds-auro-hyperlink-cta-visited-color-inverse);background-color:var(--ds-auro-hyperlink-cta-visited-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-visited-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-visited-border-color-inverse)}:host([type=cta][ondark]:not([secondary]):not([tertiary])) a:focus-visible{color:var(--ds-auro-hyperlink-cta-focus-color-inverse);background-color:var(--ds-auro-hyperlink-cta-focus-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-focus-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-focus-border-color-inverse)}@media(hover: hover){:host([type=cta][ondark]:not([secondary]):not([tertiary])) a:hover{color:var(--ds-auro-hyperlink-cta-hover-color-inverse);background-color:var(--ds-auro-hyperlink-cta-hover-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-hover-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-hover-border-color-inverse)}}:host([type=cta][secondary]:not([ondark])) a{color:var(--ds-auro-hyperlink-cta-secondary-default-color-default);background-color:var(--ds-auro-hyperlink-cta-secondary-default-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-secondary-default-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-secondary-default-border-color-default)}:host([type=cta][secondary]:not([ondark])) a:visited{color:var(--ds-auro-hyperlink-cta-secondary-visited-color-default);background-color:var(--ds-auro-hyperlink-cta-secondary-visited-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-secondary-visited-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-secondary-visited-border-color-default)}:host([type=cta][secondary]:not([ondark])) a:focus-visible{color:var(--ds-auro-hyperlink-cta-secondary-focus-color-default);background-color:var(--ds-auro-hyperlink-cta-secondary-focus-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-secondary-focus-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-secondary-focus-border-color-default)}@media(hover: hover){:host([type=cta][secondary]:not([ondark])) a:hover{color:var(--ds-auro-hyperlink-cta-secondary-hover-color-default);background-color:var(--ds-auro-hyperlink-cta-secondary-hover-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-secondary-hover-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-secondary-hover-border-color-default)}}:host([type=cta][secondary][ondark]) a{color:var(--ds-auro-hyperlink-cta-secondary-default-color-inverse);background-color:var(--ds-auro-hyperlink-cta-secondary-default-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-secondary-default-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-secondary-default-border-color-inverse)}:host([type=cta][secondary][ondark]) a:visited{color:var(--ds-auro-hyperlink-cta-secondary-visited-color-inverse);background-color:var(--ds-auro-hyperlink-cta-secondary-visited-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-secondary-visited-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-secondary-visited-border-color-inverse)}:host([type=cta][secondary][ondark]) a:focus-visible{color:var(--ds-auro-hyperlink-cta-secondary-focus-color-inverse);background-color:var(--ds-auro-hyperlink-cta-secondary-focus-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-secondary-focus-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-secondary-focus-border-color-inverse)}@media(hover: hover){:host([type=cta][secondary][ondark]) a:hover{color:var(--ds-auro-hyperlink-cta-secondary-hover-color-inverse);background-color:var(--ds-auro-hyperlink-cta-secondary-hover-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-secondary-hover-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-secondary-hover-border-color-inverse)}}:host([type=cta][tertiary]:not([ondark])) a{color:var(--ds-auro-hyperlink-cta-tertiary-default-color-default);background-color:var(--ds-auro-hyperlink-cta-tertiary-default-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-tertiary-default-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-tertiary-default-border-color-default)}:host([type=cta][tertiary]:not([ondark])) a:visited{color:var(--ds-auro-hyperlink-cta-tertiary-visited-color-default);background-color:var(--ds-auro-hyperlink-cta-tertiary-visited-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-tertiary-visited-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-tertiary-visited-border-color-default)}:host([type=cta][tertiary]:not([ondark])) a:focus-visible{color:var(--ds-auro-hyperlink-cta-tertiary-focus-color-default);background-color:var(--ds-auro-hyperlink-cta-tertiary-focus-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-tertiary-focus-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-tertiary-focus-border-color-default)}@media(hover: hover){:host([type=cta][tertiary]:not([ondark])) a:hover{color:var(--ds-auro-hyperlink-cta-tertiary-hover-color-default);background-color:var(--ds-auro-hyperlink-cta-tertiary-hover-container-color-default);outline-color:var(--ds-auro-hyperlink-cta-tertiary-hover-outline-color-default);border-color:var(--ds-auro-hyperlink-cta-tertiary-hover-border-color-default)}}:host([type=cta][tertiary][ondark]) a{color:var(--ds-auro-hyperlink-cta-tertiary-default-color-inverse);background-color:var(--ds-auro-hyperlink-cta-tertiary-default-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-tertiary-default-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-tertiary-default-border-color-inverse)}:host([type=cta][tertiary][ondark]) a:visited{color:var(--ds-auro-hyperlink-cta-tertiary-visited-color-inverse);background-color:var(--ds-auro-hyperlink-cta-tertiary-visited-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-tertiary-visited-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-tertiary-visited-border-color-inverse)}:host([type=cta][tertiary][ondark]) a:focus-visible{color:var(--ds-auro-hyperlink-cta-tertiary-focus-color-inverse);background-color:var(--ds-auro-hyperlink-cta-tertiary-focus-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-tertiary-focus-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-tertiary-focus-border-color-inverse)}@media(hover: hover){:host([type=cta][tertiary][ondark]) a:hover{color:var(--ds-auro-hyperlink-cta-tertiary-hover-color-inverse);background-color:var(--ds-auro-hyperlink-cta-tertiary-hover-container-color-inverse);outline-color:var(--ds-auro-hyperlink-cta-tertiary-hover-outline-color-inverse);border-color:var(--ds-auro-hyperlink-cta-tertiary-hover-border-color-inverse)}}`;
 
-var tokensCss = i$1`:host{--ds-auro-hyperlink-default-color-default: var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-default-container-color-default: transparent;--ds-auro-hyperlink-default-outline-color-default: transparent;--ds-auro-hyperlink-default-border-color-default: transparent;--ds-auro-hyperlink-visited-color-default: var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-visited-container-color-default: transparent;--ds-auro-hyperlink-visited-outline-color-default: transparent;--ds-auro-hyperlink-visited-border-color-default: transparent;--ds-auro-hyperlink-focus-color-default: var(--ds-color-text-ui-focus-default, #2c67b5);--ds-auro-hyperlink-focus-container-color-default: transparent;--ds-auro-hyperlink-focus-outline-color-default: transparent;--ds-auro-hyperlink-focus-border-color-default: transparent;--ds-auro-hyperlink-hover-color-default: var(--ds-color-text-ui-hover-default, #193d73);--ds-auro-hyperlink-hover-container-color-default: transparent;--ds-auro-hyperlink-hover-outline-color-default: transparent;--ds-auro-hyperlink-hover-border-color-default: transparent;--ds-auro-hyperlink-default-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-default-container-color-inverse: transparent;--ds-auro-hyperlink-default-outline-color-inverse: transparent;--ds-auro-hyperlink-default-border-color-inverse: transparent;--ds-auro-hyperlink-visited-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-visited-container-color-inverse: transparent;--ds-auro-hyperlink-visited-outline-color-inverse: transparent;--ds-auro-hyperlink-visited-border-color-inverse: transparent;--ds-auro-hyperlink-focus-color-inverse: var(--ds-color-text-ui-focus-inverse, #56bbde);--ds-auro-hyperlink-focus-container-color-inverse: transparent;--ds-auro-hyperlink-focus-outline-color-inverse: transparent;--ds-auro-hyperlink-focus-border-color-inverse: transparent;--ds-auro-hyperlink-hover-color-inverse: var(--ds-color-text-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-hover-container-color-inverse: transparent;--ds-auro-hyperlink-hover-outline-color-inverse: transparent;--ds-auro-hyperlink-hover-border-color-inverse: transparent;--ds-auro-hyperlink-nav-default-color-default: var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-nav-default-container-color-default: transparent;--ds-auro-hyperlink-nav-default-outline-color-default: transparent;--ds-auro-hyperlink-nav-default-border-color-default: transparent;--ds-auro-hyperlink-nav-visited-color-default: var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-nav-visited-container-color-default: transparent;--ds-auro-hyperlink-nav-visited-outline-color-default: transparent;--ds-auro-hyperlink-nav-visited-border-color-default: transparent;--ds-auro-hyperlink-nav-focus-color-default: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-nav-focus-container-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-nav-focus-outline-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-nav-focus-border-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-nav-hover-color-default: var(--ds-color-text-ui-hover-default, #193d73);--ds-auro-hyperlink-nav-hover-container-color-default: transparent;--ds-auro-hyperlink-nav-hover-outline-color-default: transparent;--ds-auro-hyperlink-nav-hover-border-color-default: transparent;--ds-auro-hyperlink-nav-default-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-nav-default-container-color-inverse: transparent;--ds-auro-hyperlink-nav-default-outline-color-inverse: transparent;--ds-auro-hyperlink-nav-default-border-color-inverse: transparent;--ds-auro-hyperlink-nav-visited-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-nav-visited-container-color-inverse: transparent;--ds-auro-hyperlink-nav-visited-outline-color-inverse: transparent;--ds-auro-hyperlink-nav-visited-border-color-inverse: transparent;--ds-auro-hyperlink-nav-focus-color-inverse: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-nav-focus-container-color-inverse: var(--ds-color-container-ui-primary-focus-inverse, #56bbde);--ds-auro-hyperlink-nav-focus-outline-color-inverse: var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-nav-focus-border-color-inverse: var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-nav-hover-color-inverse: var(--ds-color-text-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-nav-hover-container-color-inverse: transparent;--ds-auro-hyperlink-nav-hover-outline-color-inverse: transparent;--ds-auro-hyperlink-nav-hover-border-color-inverse: transparent;--ds-auro-hyperlink-cta-default-color-default: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-cta-default-container-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-default-outline-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-default-border-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-visited-color-default: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-cta-visited-container-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-visited-outline-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-visited-border-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-focus-color-default: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-cta-focus-container-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-focus-outline-color-default: var(--ds-color-container-ui-secondary-default-default, #ffffff);--ds-auro-hyperlink-cta-focus-border-color-default: var(--ds-color-border-ui-focus-default, #2c67b5);--ds-auro-hyperlink-cta-hover-color-default: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-cta-hover-container-color-default: var(--ds-color-container-ui-primary-hover-default, #193d73);--ds-auro-hyperlink-cta-hover-outline-color-default: var(--ds-color-border-ui-hover-default, #193d73);--ds-auro-hyperlink-cta-hover-border-color-default: var(--ds-color-border-ui-hover-default, #193d73);--ds-auro-hyperlink-cta-default-color-inverse: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-hyperlink-cta-default-container-color-inverse: var(--ds-color-ui-default-inverse, #00cff0);--ds-auro-hyperlink-cta-default-outline-color-inverse: var(--ds-color-ui-default-inverse, #00cff0);--ds-auro-hyperlink-cta-default-border-color-inverse: var(--ds-color-ui-default-inverse, #00cff0);--ds-auro-hyperlink-cta-visited-color-inverse: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-hyperlink-cta-visited-container-color-inverse: var(--ds-color-ui-default-inverse, #00cff0);--ds-auro-hyperlink-cta-visited-outline-color-inverse: var(--ds-color-ui-default-inverse, #00cff0);--ds-auro-hyperlink-cta-visited-border-color-inverse: var(--ds-color-ui-default-inverse, #00cff0);--ds-auro-hyperlink-cta-focus-color-inverse: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-hyperlink-cta-focus-container-color-inverse: var(--ds-color-ui-default-inverse, #00cff0);--ds-auro-hyperlink-cta-focus-outline-color-inverse: var(--ds-color-container-ui-secondary-default-default, #ffffff);--ds-auro-hyperlink-cta-focus-border-color-inverse: var(--ds-color-border-ui-focus-inverse, #56bbde);--ds-auro-hyperlink-cta-hover-color-inverse: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-hyperlink-cta-hover-container-color-inverse: var(--ds-color-container-ui-primary-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-hover-outline-color-inverse: var(--ds-color-border-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-hover-border-color-inverse: var(--ds-color-border-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-secondary-default-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-secondary-default-container-color-default: var(--ds-color-background-lightest, #ffffff);--ds-auro-hyperlink-cta-secondary-default-outline-color-default: var(--ds-color-text-link-default, #0074c8);--ds-auro-hyperlink-cta-secondary-default-border-color-default: var(--ds-color-text-link-default, #0074c8);--ds-auro-hyperlink-cta-secondary-visited-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-secondary-visited-container-color-default: var(--ds-color-background-lightest, #ffffff);--ds-auro-hyperlink-cta-secondary-visited-outline-color-default: var(--ds-color-text-link-default, #0074c8);--ds-auro-hyperlink-cta-secondary-visited-border-color-default: var(--ds-color-text-link-default, #0074c8);--ds-auro-hyperlink-cta-secondary-focus-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-secondary-focus-container-color-default: var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));--ds-auro-hyperlink-cta-secondary-focus-outline-color-default: var(--ds-color-border-ui-focus-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-focus-border-color-default: var(--ds-color-border-ui-focus-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-hover-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-secondary-hover-container-color-default: var(--ds-color-container-ui-tertiary-hover-default, rgba(0, 0, 0, 0.12));--ds-auro-hyperlink-cta-secondary-hover-outline-color-default: var(--ds-color-border-ui-hover-default, #193d73);--ds-auro-hyperlink-cta-secondary-hover-border-color-default: var(--ds-color-border-ui-hover-default, #193d73);--ds-auro-hyperlink-cta-secondary-default-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-default-container-color-inverse: var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));--ds-auro-hyperlink-cta-secondary-default-outline-color-inverse: var(--ds-color-border-ui-focus-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-default-border-color-inverse: var(--ds-color-border-ui-focus-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-visited-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-visited-container-color-inverse: var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));--ds-auro-hyperlink-cta-secondary-visited-outline-color-inverse: var(--ds-color-border-ui-focus-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-visited-border-color-inverse: var(--ds-color-border-ui-focus-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-focus-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-focus-container-color-inverse: var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));--ds-auro-hyperlink-cta-secondary-focus-outline-color-inverse: var(--ds-color-border-ui-focus-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-focus-border-color-inverse: var(--ds-color-border-ui-focus-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-hover-color-inverse: var(--ds-color-text-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-secondary-hover-container-color-inverse: var(--ds-color-container-ui-secondary-hover-inverse, rgba(255, 255, 255, 0.12));--ds-auro-hyperlink-cta-secondary-hover-outline-color-inverse: var(--ds-color-border-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-secondary-hover-border-color-inverse: var(--ds-color-border-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-tertiary-default-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-tertiary-default-container-color-default: var(--ds-color-container-tertiary-default, rgba(0, 0, 0, 0.03));--ds-auro-hyperlink-cta-tertiary-default-outline-color-default: transparent;--ds-auro-hyperlink-cta-tertiary-default-border-color-default: transparent;--ds-auro-hyperlink-cta-tertiary-visited-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-tertiary-visited-container-color-default: var(--ds-color-container-tertiary-default, rgba(0, 0, 0, 0.03));--ds-auro-hyperlink-cta-tertiary-visited-outline-color-default: transparent;--ds-auro-hyperlink-cta-tertiary-visited-border-color-default: transparent;--ds-auro-hyperlink-cta-tertiary-focus-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-tertiary-focus-container-color-default: var(--ds-color-container-tertiary-default, rgba(0, 0, 0, 0.03));--ds-auro-hyperlink-cta-tertiary-focus-outline-color-default: var(--ds-color-border-ui-focus-default, #2c67b5);--ds-auro-hyperlink-cta-tertiary-focus-border-color-default: transparent;--ds-auro-hyperlink-cta-tertiary-hover-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-tertiary-hover-container-color-default: var(--ds-color-container-ui-tertiary-hover-default, rgba(0, 0, 0, 0.12));--ds-auro-hyperlink-cta-tertiary-hover-outline-color-default: transparent;--ds-auro-hyperlink-cta-tertiary-hover-border-color-default: transparent;--ds-auro-hyperlink-cta-tertiary-default-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-tertiary-default-container-color-inverse: var(--ds-color-container-ui-tertiary-default-inverse, rgba(255, 255, 255, 0.12));--ds-auro-hyperlink-cta-tertiary-default-outline-color-inverse: transparent;--ds-auro-hyperlink-cta-tertiary-default-border-color-inverse: transparent;--ds-auro-hyperlink-cta-tertiary-visited-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-tertiary-visited-container-color-inverse: var(--ds-color-container-ui-tertiary-default-inverse, rgba(255, 255, 255, 0.12));--ds-auro-hyperlink-cta-tertiary-visited-outline-color-inverse: transparent;--ds-auro-hyperlink-cta-tertiary-visited-border-color-inverse: transparent;--ds-auro-hyperlink-cta-tertiary-focus-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-tertiary-focus-container-color-inverse: var(--ds-color-container-ui-secondary-focus-inverse, rgba(255, 255, 255, 0.03));--ds-auro-hyperlink-cta-tertiary-focus-outline-color-inverse: var(--ds-color-border-ui-focus-inverse, #56bbde);--ds-auro-hyperlink-cta-tertiary-focus-border-color-inverse: transparent;--ds-auro-hyperlink-cta-tertiary-hover-color-inverse: var(--ds-color-text-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-tertiary-hover-container-color-inverse: var(--ds-color-container-ui-tertiary-hover-inverse, rgba(255, 255, 255, 0.25));--ds-auro-hyperlink-cta-tertiary-hover-outline-color-inverse: transparent;--ds-auro-hyperlink-cta-tertiary-hover-border-color-inverse: transparent}`;
+var tokensCss = i$1`:host{--ds-auro-hyperlink-default-color-default: var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-default-container-color-default: transparent;--ds-auro-hyperlink-default-outline-color-default: transparent;--ds-auro-hyperlink-default-border-color-default: transparent;--ds-auro-hyperlink-visited-color-default: var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-visited-container-color-default: transparent;--ds-auro-hyperlink-visited-outline-color-default: transparent;--ds-auro-hyperlink-visited-border-color-default: transparent;--ds-auro-hyperlink-focus-color-default: var(--ds-color-text-ui-focus-default, #2c67b5);--ds-auro-hyperlink-focus-container-color-default: transparent;--ds-auro-hyperlink-focus-outline-color-default: transparent;--ds-auro-hyperlink-focus-border-color-default: transparent;--ds-auro-hyperlink-hover-color-default: var(--ds-color-text-ui-hover-default, #193d73);--ds-auro-hyperlink-hover-container-color-default: transparent;--ds-auro-hyperlink-hover-outline-color-default: transparent;--ds-auro-hyperlink-hover-border-color-default: transparent;--ds-auro-hyperlink-default-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-default-container-color-inverse: transparent;--ds-auro-hyperlink-default-outline-color-inverse: transparent;--ds-auro-hyperlink-default-border-color-inverse: transparent;--ds-auro-hyperlink-visited-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-visited-container-color-inverse: transparent;--ds-auro-hyperlink-visited-outline-color-inverse: transparent;--ds-auro-hyperlink-visited-border-color-inverse: transparent;--ds-auro-hyperlink-focus-color-inverse: var(--ds-color-text-ui-focus-inverse, #56bbde);--ds-auro-hyperlink-focus-container-color-inverse: transparent;--ds-auro-hyperlink-focus-outline-color-inverse: transparent;--ds-auro-hyperlink-focus-border-color-inverse: transparent;--ds-auro-hyperlink-hover-color-inverse: var(--ds-color-text-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-hover-container-color-inverse: transparent;--ds-auro-hyperlink-hover-outline-color-inverse: transparent;--ds-auro-hyperlink-hover-border-color-inverse: transparent;--ds-auro-hyperlink-nav-default-color-default: var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-nav-default-container-color-default: transparent;--ds-auro-hyperlink-nav-default-outline-color-default: transparent;--ds-auro-hyperlink-nav-default-border-color-default: transparent;--ds-auro-hyperlink-nav-visited-color-default: var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-nav-visited-container-color-default: transparent;--ds-auro-hyperlink-nav-visited-outline-color-default: transparent;--ds-auro-hyperlink-nav-visited-border-color-default: transparent;--ds-auro-hyperlink-nav-focus-color-default: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-nav-focus-container-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-nav-focus-outline-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-nav-focus-border-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-nav-hover-color-default: var(--ds-color-text-ui-hover-default, #193d73);--ds-auro-hyperlink-nav-hover-container-color-default: transparent;--ds-auro-hyperlink-nav-hover-outline-color-default: transparent;--ds-auro-hyperlink-nav-hover-border-color-default: transparent;--ds-auro-hyperlink-nav-default-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-nav-default-container-color-inverse: transparent;--ds-auro-hyperlink-nav-default-outline-color-inverse: transparent;--ds-auro-hyperlink-nav-default-border-color-inverse: transparent;--ds-auro-hyperlink-nav-visited-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-nav-visited-container-color-inverse: transparent;--ds-auro-hyperlink-nav-visited-outline-color-inverse: transparent;--ds-auro-hyperlink-nav-visited-border-color-inverse: transparent;--ds-auro-hyperlink-nav-focus-color-inverse: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-nav-focus-container-color-inverse: var(--ds-color-container-ui-primary-focus-inverse, #56bbde);--ds-auro-hyperlink-nav-focus-outline-color-inverse: var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-nav-focus-border-color-inverse: var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-nav-hover-color-inverse: var(--ds-color-text-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-nav-hover-container-color-inverse: transparent;--ds-auro-hyperlink-nav-hover-outline-color-inverse: transparent;--ds-auro-hyperlink-nav-hover-border-color-inverse: transparent;--ds-auro-hyperlink-cta-default-color-default: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-cta-default-container-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-cta-default-outline-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-cta-default-border-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-cta-visited-color-default: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-cta-visited-container-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-cta-visited-outline-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-cta-visited-border-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-cta-focus-color-default: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-cta-focus-container-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-cta-focus-outline-color-default: var(--ds-color-border-emphasis-inverse, #f2f7fb);--ds-auro-hyperlink-cta-focus-border-color-default: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-hyperlink-cta-hover-color-default: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-hyperlink-cta-hover-container-color-default: var(--ds-color-container-ui-primary-hover-default, #193d73);--ds-auro-hyperlink-cta-hover-outline-color-default: var(--ds-color-container-ui-primary-hover-default, #193d73);--ds-auro-hyperlink-cta-hover-border-color-default: var(--ds-color-container-ui-primary-hover-default, #193d73);--ds-auro-hyperlink-cta-default-color-inverse: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-hyperlink-cta-default-container-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-hyperlink-cta-default-outline-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-hyperlink-cta-default-border-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-hyperlink-cta-visited-color-inverse: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-hyperlink-cta-visited-container-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-hyperlink-cta-visited-outline-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-hyperlink-cta-visited-border-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-hyperlink-cta-focus-color-inverse: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-hyperlink-cta-focus-container-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-hyperlink-cta-focus-outline-color-inverse: var(--ds-color-border-emphasis-inverse, #f2f7fb);--ds-auro-hyperlink-cta-focus-border-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #56bbde);--ds-auro-hyperlink-cta-hover-color-inverse: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-hyperlink-cta-hover-container-color-inverse: var(--ds-color-container-ui-primary-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-hover-outline-color-inverse: var(--ds-color-container-ui-primary-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-hover-border-color-inverse: var(--ds-color-container-ui-primary-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-secondary-default-color-default: var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-default-container-color-default: var(--ds-color-container-ui-secondary-default-default, #ffffff);--ds-auro-hyperlink-cta-secondary-default-outline-color-default: var(--ds-color-border-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-default-border-color-default: var(--ds-color-border-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-visited-color-default: var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-visited-container-color-default: var(--ds-color-container-ui-secondary-default-default, #ffffff);--ds-auro-hyperlink-cta-secondary-visited-outline-color-default: var(--ds-color-border-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-visited-border-color-default: var(--ds-color-border-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-focus-color-default: var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-focus-container-color-default: var(--ds-color-container-ui-secondary-default-default, #ffffff);--ds-auro-hyperlink-cta-secondary-focus-outline-color-default: var(--ds-color-border-ui-focus-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-focus-border-color-default: var(--ds-color-border-ui-focus-default, #2c67b5);--ds-auro-hyperlink-cta-secondary-hover-color-default: var(--ds-color-text-ui-hover-default, #193d73);--ds-auro-hyperlink-cta-secondary-hover-container-color-default: var(--ds-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03));--ds-auro-hyperlink-cta-secondary-hover-outline-color-default: var(--ds-color-border-ui-hover-default, #193d73);--ds-auro-hyperlink-cta-secondary-hover-border-color-default: var(--ds-color-border-ui-hover-default, #193d73);--ds-auro-hyperlink-cta-secondary-default-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-default-container-color-inverse: var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));--ds-auro-hyperlink-cta-secondary-default-outline-color-inverse: var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-default-border-color-inverse: var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-visited-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-visited-container-color-inverse: var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));--ds-auro-hyperlink-cta-secondary-visited-outline-color-inverse: var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-visited-border-color-inverse: var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-focus-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-focus-container-color-inverse: var(--ds-color-container-ui-secondary-default-inverse, rgba(255, 255, 255, 0.03));--ds-auro-hyperlink-cta-secondary-focus-outline-color-inverse: var(--ds-color-border-ui-focus-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-focus-border-color-inverse: var(--ds-color-border-ui-focus-inverse, #56bbde);--ds-auro-hyperlink-cta-secondary-hover-color-inverse: var(--ds-color-text-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-secondary-hover-container-color-inverse: var(--ds-color-container-ui-secondary-hover-inverse, rgba(255, 255, 255, 0.12));--ds-auro-hyperlink-cta-secondary-hover-outline-color-inverse: var(--ds-color-border-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-secondary-hover-border-color-inverse: var(--ds-color-border-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-tertiary-default-color-default: var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-tertiary-default-container-color-default: var(--ds-color-container-ui-tertiary-default-default, rgba(0, 0, 0, 0.03));--ds-auro-hyperlink-cta-tertiary-default-outline-color-default: transparent;--ds-auro-hyperlink-cta-tertiary-default-border-color-default: transparent;--ds-auro-hyperlink-cta-tertiary-visited-color-default: var(--ds-color-text-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-tertiary-visited-container-color-default: var(--ds-color-container-ui-tertiary-default-default, rgba(0, 0, 0, 0.03));--ds-auro-hyperlink-cta-tertiary-visited-outline-color-default: transparent;--ds-auro-hyperlink-cta-tertiary-visited-border-color-default: transparent;--ds-auro-hyperlink-cta-tertiary-focus-color-default: var(--ds-color-ui-default-default, #0074c8);--ds-auro-hyperlink-cta-tertiary-focus-container-color-default: var(--ds-color-container-tertiary-default, rgba(0, 0, 0, 0.03));--ds-auro-hyperlink-cta-tertiary-focus-outline-color-default: var(--ds-color-border-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-tertiary-focus-border-color-default: var(--ds-color-border-ui-default-default, #2c67b5);--ds-auro-hyperlink-cta-tertiary-hover-color-default: var(--ds-color-text-ui-hover-default, #193d73);--ds-auro-hyperlink-cta-tertiary-hover-container-color-default: var(--ds-color-container-ui-tertiary-hover-default, rgba(0, 0, 0, 0.12));--ds-auro-hyperlink-cta-tertiary-hover-outline-color-default: transparent;--ds-auro-hyperlink-cta-tertiary-hover-border-color-default: transparent;--ds-auro-hyperlink-cta-tertiary-default-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-tertiary-default-container-color-inverse: var(--ds-color-container-ui-tertiary-default-inverse, rgba(255, 255, 255, 0.12));--ds-auro-hyperlink-cta-tertiary-default-outline-color-inverse: transparent;--ds-auro-hyperlink-cta-tertiary-default-border-color-inverse: transparent;--ds-auro-hyperlink-cta-tertiary-visited-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-tertiary-visited-container-color-inverse: var(--ds-color-container-ui-tertiary-default-inverse, rgba(255, 255, 255, 0.12));--ds-auro-hyperlink-cta-tertiary-visited-outline-color-inverse: transparent;--ds-auro-hyperlink-cta-tertiary-visited-border-color-inverse: transparent;--ds-auro-hyperlink-cta-tertiary-focus-color-inverse: var(--ds-color-text-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-tertiary-focus-container-color-inverse: var(--ds-color-container-ui-secondary-focus-inverse, rgba(255, 255, 255, 0.03));--ds-auro-hyperlink-cta-tertiary-focus-outline-color-inverse: var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-tertiary-focus-border-color-inverse: var(--ds-color-border-ui-default-inverse, #56bbde);--ds-auro-hyperlink-cta-tertiary-hover-color-inverse: var(--ds-color-text-ui-hover-inverse, #a8e9f7);--ds-auro-hyperlink-cta-tertiary-hover-container-color-inverse: var(--ds-color-container-ui-tertiary-hover-inverse, rgba(255, 255, 255, 0.25));--ds-auro-hyperlink-cta-tertiary-hover-outline-color-inverse: transparent;--ds-auro-hyperlink-cta-tertiary-hover-border-color-inverse: transparent}`;
 
 // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
diff --git a/src/tokens.scss b/src/tokens.scss
index ae8cb51..0a4fa9f 100644
--- a/src/tokens.scss
+++ b/src/tokens.scss
@@ -70,6 +70,7 @@
   --ds-auro-hyperlink-nav-hover-border-color-default: transparent;
 
   // nav ondark hyperlink
+  
   --ds-auro-hyperlink-nav-default-color-inverse: var(--ds-color-text-ui-default-inverse, #{$ds-color-text-ui-default-inverse});
   --ds-auro-hyperlink-nav-default-container-color-inverse: transparent;
   --ds-auro-hyperlink-nav-default-outline-color-inverse: transparent;
@@ -93,66 +94,66 @@
   // cta hyperlink - default
 
   --ds-auro-hyperlink-cta-default-color-default: var(--ds-color-text-primary-inverse, #{$ds-color-text-primary-inverse});
-  --ds-auro-hyperlink-cta-default-container-color-default: var(--ds-color-ui-default-default, #{$ds-color-ui-default-default});
-  --ds-auro-hyperlink-cta-default-outline-color-default: var(--ds-color-ui-default-default, #{$ds-color-ui-default-default});
-  --ds-auro-hyperlink-cta-default-border-color-default: var(--ds-color-ui-default-default, #{$ds-color-ui-default-default});
+  --ds-auro-hyperlink-cta-default-container-color-default: var(--ds-color-container-ui-primary-default-default, #{$ds-color-container-ui-primary-default-default});
+  --ds-auro-hyperlink-cta-default-outline-color-default: var(--ds-color-container-ui-primary-default-default, #{$ds-color-container-ui-primary-default-default});
+  --ds-auro-hyperlink-cta-default-border-color-default: var(--ds-color-container-ui-primary-default-default, #{$ds-color-container-ui-primary-default-default});
 
   --ds-auro-hyperlink-cta-visited-color-default: var(--ds-color-text-primary-inverse, #{$ds-color-text-primary-inverse});
-  --ds-auro-hyperlink-cta-visited-container-color-default: var(--ds-color-ui-default-default, #{$ds-color-ui-default-default});
-  --ds-auro-hyperlink-cta-visited-outline-color-default: var(--ds-color-ui-default-default, #{$ds-color-ui-default-default});
-  --ds-auro-hyperlink-cta-visited-border-color-default: var(--ds-color-ui-default-default, #{$ds-color-ui-default-default});
+  --ds-auro-hyperlink-cta-visited-container-color-default: var(--ds-color-container-ui-primary-default-default, #{$ds-color-container-ui-primary-default-default});
+  --ds-auro-hyperlink-cta-visited-outline-color-default: var(--ds-color-container-ui-primary-default-default, #{$ds-color-container-ui-primary-default-default});
+  --ds-auro-hyperlink-cta-visited-border-color-default: var(--ds-color-container-ui-primary-default-default, #{$ds-color-container-ui-primary-default-default});
 
   --ds-auro-hyperlink-cta-focus-color-default: var(--ds-color-text-primary-inverse, #{$ds-color-text-primary-inverse});
-  --ds-auro-hyperlink-cta-focus-container-color-default: var(--ds-color-ui-default-default, #{$ds-color-ui-default-default});
-  --ds-auro-hyperlink-cta-focus-outline-color-default: var(--ds-color-container-ui-secondary-default-default, #{$ds-color-container-ui-secondary-default-default});
-  --ds-auro-hyperlink-cta-focus-border-color-default: var(--ds-color-border-ui-focus-default, #{$ds-color-border-ui-focus-default});
+  --ds-auro-hyperlink-cta-focus-container-color-default: var(--ds-color-container-ui-primary-default-default, #{$ds-color-container-ui-primary-default-default});
+  --ds-auro-hyperlink-cta-focus-outline-color-default: var(--ds-color-border-emphasis-inverse, #{$ds-color-border-emphasis-inverse});
+  --ds-auro-hyperlink-cta-focus-border-color-default: var(--ds-color-container-ui-primary-default-default, #{$ds-color-container-ui-primary-default-default});
 
   --ds-auro-hyperlink-cta-hover-color-default: var(--ds-color-text-primary-inverse, #{$ds-color-text-primary-inverse});
   --ds-auro-hyperlink-cta-hover-container-color-default: var(--ds-color-container-ui-primary-hover-default, #{$ds-color-container-ui-primary-hover-default});
-  --ds-auro-hyperlink-cta-hover-outline-color-default: var(--ds-color-border-ui-hover-default, #{$ds-color-border-ui-hover-default});
-  --ds-auro-hyperlink-cta-hover-border-color-default: var(--ds-color-border-ui-hover-default, #{$ds-color-border-ui-hover-default});
+  --ds-auro-hyperlink-cta-hover-outline-color-default: var(--ds-color-container-ui-primary-hover-default, #{$ds-color-container-ui-primary-hover-default});
+  --ds-auro-hyperlink-cta-hover-border-color-default: var(--ds-color-container-ui-primary-hover-default, #{$ds-color-container-ui-primary-hover-default});
 
   // cta hyperlink - default ondark
 
   --ds-auro-hyperlink-cta-default-color-inverse: var(--ds-color-text-primary-default, #{$ds-color-text-primary-default});
-  --ds-auro-hyperlink-cta-default-container-color-inverse: var(--ds-color-ui-default-inverse, #{$ds-color-ui-default-inverse});
-  --ds-auro-hyperlink-cta-default-outline-color-inverse: var(--ds-color-ui-default-inverse, #{$ds-color-ui-default-inverse});
-  --ds-auro-hyperlink-cta-default-border-color-inverse: var(--ds-color-ui-default-inverse, #{$ds-color-ui-default-inverse});
+  --ds-auro-hyperlink-cta-default-container-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #{$ds-color-container-ui-primary-default-inverse});
+  --ds-auro-hyperlink-cta-default-outline-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #{$ds-color-container-ui-primary-default-inverse});
+  --ds-auro-hyperlink-cta-default-border-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #{$ds-color-container-ui-primary-default-inverse});
 
   --ds-auro-hyperlink-cta-visited-color-inverse: var(--ds-color-text-primary-default, #{$ds-color-text-primary-default});
-  --ds-auro-hyperlink-cta-visited-container-color-inverse: var(--ds-color-ui-default-inverse, #{$ds-color-ui-default-inverse});
-  --ds-auro-hyperlink-cta-visited-outline-color-inverse: var(--ds-color-ui-default-inverse, #{$ds-color-ui-default-inverse});
-  --ds-auro-hyperlink-cta-visited-border-color-inverse: var(--ds-color-ui-default-inverse, #{$ds-color-ui-default-inverse});
+  --ds-auro-hyperlink-cta-visited-container-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #{$ds-color-container-ui-primary-default-inverse});
+  --ds-auro-hyperlink-cta-visited-outline-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #{$ds-color-container-ui-primary-default-inverse});
+  --ds-auro-hyperlink-cta-visited-border-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #{$ds-color-container-ui-primary-default-inverse});
 
   --ds-auro-hyperlink-cta-focus-color-inverse: var(--ds-color-text-primary-default, #{$ds-color-text-primary-default});
-  --ds-auro-hyperlink-cta-focus-container-color-inverse: var(--ds-color-ui-default-inverse, #{$ds-color-ui-default-inverse});
-  --ds-auro-hyperlink-cta-focus-outline-color-inverse: var(--ds-color-container-ui-secondary-default-default, #{$ds-color-container-ui-secondary-default-default});
-  --ds-auro-hyperlink-cta-focus-border-color-inverse: var(--ds-color-border-ui-focus-inverse, #{$ds-color-border-ui-focus-inverse});
+  --ds-auro-hyperlink-cta-focus-container-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #{$ds-color-container-ui-primary-default-inverse});
+  --ds-auro-hyperlink-cta-focus-outline-color-inverse: var(--ds-color-border-emphasis-inverse, #{$ds-color-border-emphasis-inverse});
+  --ds-auro-hyperlink-cta-focus-border-color-inverse: var(--ds-color-container-ui-primary-default-inverse, #{$ds-color-container-ui-primary-default-inverse});
 
   --ds-auro-hyperlink-cta-hover-color-inverse: var(--ds-color-text-primary-default, #{$ds-color-text-primary-default});
   --ds-auro-hyperlink-cta-hover-container-color-inverse: var(--ds-color-container-ui-primary-hover-inverse, #{$ds-color-container-ui-primary-hover-inverse});
-  --ds-auro-hyperlink-cta-hover-outline-color-inverse: var(--ds-color-border-ui-hover-inverse, #{$ds-color-border-ui-hover-inverse});
-  --ds-auro-hyperlink-cta-hover-border-color-inverse: var(--ds-color-border-ui-hover-inverse, #{$ds-color-border-ui-hover-inverse});
+  --ds-auro-hyperlink-cta-hover-outline-color-inverse: var(--ds-color-container-ui-primary-hover-inverse, #{$ds-color-container-ui-primary-hover-inverse});
+  --ds-auro-hyperlink-cta-hover-border-color-inverse: var(--ds-color-container-ui-primary-hover-inverse, #{$ds-color-container-ui-primary-hover-inverse});
 
   // cta hyperlink - secondary
 
-  --ds-auro-hyperlink-cta-secondary-default-color-default: var(--ds-color-ui-default-default, #{$ds-color-ui-default-default});
-  --ds-auro-hyperlink-cta-secondary-default-container-color-default: var(--ds-color-background-lightest, #{$ds-color-background-lightest});
-  --ds-auro-hyperlink-cta-secondary-default-outline-color-default: var(--ds-color-text-link-default, #{$ds-color-text-link-default});
-  --ds-auro-hyperlink-cta-secondary-default-border-color-default: var(--ds-color-text-link-default, #{$ds-color-text-link-default});
+  --ds-auro-hyperlink-cta-secondary-default-color-default: var(--ds-color-text-ui-default-default, #{$ds-color-text-ui-default-default});
+  --ds-auro-hyperlink-cta-secondary-default-container-color-default: var(--ds-color-container-ui-secondary-default-default, #{$ds-color-container-ui-secondary-default-default});
+  --ds-auro-hyperlink-cta-secondary-default-outline-color-default: var(--ds-color-border-ui-default-default, #{$ds-color-border-ui-default-default});
+  --ds-auro-hyperlink-cta-secondary-default-border-color-default: var(--ds-color-border-ui-default-default, #{$ds-color-border-ui-default-default});
 
-  --ds-auro-hyperlink-cta-secondary-visited-color-default: var(--ds-color-ui-default-default, #{$ds-color-ui-default-default});
-  --ds-auro-hyperlink-cta-secondary-visited-container-color-default: var(--ds-color-background-lightest, #{$ds-color-background-lightest});
-  --ds-auro-hyperlink-cta-secondary-visited-outline-color-default: var(--ds-color-text-link-default, #{$ds-color-text-link-default});
-  --ds-auro-hyperlink-cta-secondary-visited-border-color-default: var(--ds-color-text-link-default, #{$ds-color-text-link-default});
+  --ds-auro-hyperlink-cta-secondary-visited-color-default: var(--ds-color-text-ui-default-default, #{$ds-color-text-ui-default-default});
+  --ds-auro-hyperlink-cta-secondary-visited-container-color-default: var(--ds-color-container-ui-secondary-default-default, #{$ds-color-container-ui-secondary-default-default});
+  --ds-auro-hyperlink-cta-secondary-visited-outline-color-default: var(--ds-color-border-ui-default-default, #{$ds-color-border-ui-default-default});
+  --ds-auro-hyperlink-cta-secondary-visited-border-color-default: var(--ds-color-border-ui-default-default, #{$ds-color-border-ui-default-default});
 
-  --ds-auro-hyperlink-cta-secondary-focus-color-default: var(--ds-color-ui-default-default, #{$ds-color-ui-default-default});
-  --ds-auro-hyperlink-cta-secondary-focus-container-color-default: var(--ds-color-container-ui-secondary-default-inverse, #{$ds-color-container-ui-secondary-default-inverse});
+  --ds-auro-hyperlink-cta-secondary-focus-color-default: var(--ds-color-text-ui-default-default, #{$ds-color-text-ui-default-default});
+  --ds-auro-hyperlink-cta-secondary-focus-container-color-default: var(--ds-color-container-ui-secondary-default-default, #{$ds-color-container-ui-secondary-default-default});
   --ds-auro-hyperlink-cta-secondary-focus-outline-color-default: var(--ds-color-border-ui-focus-default, #{$ds-color-border-ui-focus-default});
   --ds-auro-hyperlink-cta-secondary-focus-border-color-default: var(--ds-color-border-ui-focus-default, #{$ds-color-border-ui-focus-default});
 
-  --ds-auro-hyperlink-cta-secondary-hover-color-default: var(--ds-color-ui-default-default, #{$ds-color-ui-default-default});
-  --ds-auro-hyperlink-cta-secondary-hover-container-color-default: var(--ds-color-container-ui-tertiary-hover-default, #{$ds-color-container-ui-tertiary-hover-default});
+  --ds-auro-hyperlink-cta-secondary-hover-color-default: var(--ds-color-text-ui-hover-default, #{$ds-color-text-ui-hover-default});
+  --ds-auro-hyperlink-cta-secondary-hover-container-color-default: var(--ds-color-container-ui-secondary-hover-default, #{$ds-color-container-ui-secondary-hover-default});
   --ds-auro-hyperlink-cta-secondary-hover-outline-color-default: var(--ds-color-border-ui-hover-default, #{$ds-color-border-ui-hover-default});
   --ds-auro-hyperlink-cta-secondary-hover-border-color-default: var(--ds-color-border-ui-hover-default, #{$ds-color-border-ui-hover-default});
 
@@ -160,13 +161,13 @@
 
   --ds-auro-hyperlink-cta-secondary-default-color-inverse: var(--ds-color-text-ui-default-inverse, #{$ds-color-text-ui-default-inverse});
   --ds-auro-hyperlink-cta-secondary-default-container-color-inverse: var(--ds-color-container-ui-secondary-default-inverse, #{$ds-color-container-ui-secondary-default-inverse});
-  --ds-auro-hyperlink-cta-secondary-default-outline-color-inverse: var(--ds-color-border-ui-focus-inverse, #{$ds-color-border-ui-focus-inverse});
-  --ds-auro-hyperlink-cta-secondary-default-border-color-inverse: var(--ds-color-border-ui-focus-inverse, #{$ds-color-border-ui-focus-inverse});
+  --ds-auro-hyperlink-cta-secondary-default-outline-color-inverse: var(--ds-color-border-ui-default-inverse, #{$ds-color-border-ui-default-inverse});
+  --ds-auro-hyperlink-cta-secondary-default-border-color-inverse: var(--ds-color-border-ui-default-inverse, #{$ds-color-border-ui-default-inverse});
 
   --ds-auro-hyperlink-cta-secondary-visited-color-inverse: var(--ds-color-text-ui-default-inverse, #{$ds-color-text-ui-default-inverse});
   --ds-auro-hyperlink-cta-secondary-visited-container-color-inverse: var(--ds-color-container-ui-secondary-default-inverse, #{$ds-color-container-ui-secondary-default-inverse});
-  --ds-auro-hyperlink-cta-secondary-visited-outline-color-inverse:  var(--ds-color-border-ui-focus-inverse, #{$ds-color-border-ui-focus-inverse});
-  --ds-auro-hyperlink-cta-secondary-visited-border-color-inverse:  var(--ds-color-border-ui-focus-inverse, #{$ds-color-border-ui-focus-inverse});
+  --ds-auro-hyperlink-cta-secondary-visited-outline-color-inverse:  var(--ds-color-border-ui-default-inverse, #{$ds-color-border-ui-default-inverse});
+  --ds-auro-hyperlink-cta-secondary-visited-border-color-inverse:  var(--ds-color-border-ui-default-inverse, #{$ds-color-border-ui-default-inverse});
 
   --ds-auro-hyperlink-cta-secondary-focus-color-inverse: var(--ds-color-text-ui-default-inverse, #{$ds-color-text-ui-default-inverse});
   --ds-auro-hyperlink-cta-secondary-focus-container-color-inverse: var(--ds-color-container-ui-secondary-default-inverse, #{$ds-color-container-ui-secondary-default-inverse});
@@ -178,48 +179,47 @@
   --ds-auro-hyperlink-cta-secondary-hover-outline-color-inverse: var(--ds-color-border-ui-hover-inverse, #{$ds-color-border-ui-hover-inverse});
   --ds-auro-hyperlink-cta-secondary-hover-border-color-inverse: var(--ds-color-border-ui-hover-inverse, #{$ds-color-border-ui-hover-inverse});
 
-    // cta hyperlink - tertiary
-    
-    --ds-auro-hyperlink-cta-tertiary-default-color-default: var(--ds-color-ui-default-default, #{$ds-color-ui-default-default});
-    --ds-auro-hyperlink-cta-tertiary-default-container-color-default: var(--ds-color-container-tertiary-default, #{$ds-color-container-tertiary-default});
-    --ds-auro-hyperlink-cta-tertiary-default-outline-color-default: transparent;
-    --ds-auro-hyperlink-cta-tertiary-default-border-color-default: transparent;
-  
-    --ds-auro-hyperlink-cta-tertiary-visited-color-default: var(--ds-color-ui-default-default, #{$ds-color-ui-default-default});
-    --ds-auro-hyperlink-cta-tertiary-visited-container-color-default: var(--ds-color-container-tertiary-default, #{$ds-color-container-tertiary-default});
-    --ds-auro-hyperlink-cta-tertiary-visited-outline-color-default: transparent;
-    --ds-auro-hyperlink-cta-tertiary-visited-border-color-default: transparent;
-  
-    --ds-auro-hyperlink-cta-tertiary-focus-color-default: var(--ds-color-ui-default-default, #{$ds-color-ui-default-default});
-    --ds-auro-hyperlink-cta-tertiary-focus-container-color-default: var(--ds-color-container-tertiary-default, #{$ds-color-container-tertiary-default});
-    --ds-auro-hyperlink-cta-tertiary-focus-outline-color-default: var(--ds-color-border-ui-focus-default, #{$ds-color-border-ui-focus-default});
-    --ds-auro-hyperlink-cta-tertiary-focus-border-color-default: transparent;
-  
-    --ds-auro-hyperlink-cta-tertiary-hover-color-default: var(--ds-color-ui-default-default, #{$ds-color-ui-default-default});
-    --ds-auro-hyperlink-cta-tertiary-hover-container-color-default: var(--ds-color-container-ui-tertiary-hover-default, #{$ds-color-container-ui-tertiary-hover-default});
-    --ds-auro-hyperlink-cta-tertiary-hover-outline-color-default: transparent;
-    --ds-auro-hyperlink-cta-tertiary-hover-border-color-default: transparent;
-  
-    // cta hyperlink - tertiary ondark
-  
-    --ds-auro-hyperlink-cta-tertiary-default-color-inverse: var(--ds-color-text-ui-default-inverse, #{$ds-color-text-ui-default-inverse});
-    --ds-auro-hyperlink-cta-tertiary-default-container-color-inverse: var(--ds-color-container-ui-tertiary-default-inverse, #{$ds-color-container-ui-tertiary-default-inverse});
-    --ds-auro-hyperlink-cta-tertiary-default-outline-color-inverse: transparent;
-    --ds-auro-hyperlink-cta-tertiary-default-border-color-inverse: transparent;
-  
-    --ds-auro-hyperlink-cta-tertiary-visited-color-inverse: var(--ds-color-text-ui-default-inverse, #{$ds-color-text-ui-default-inverse});
-    --ds-auro-hyperlink-cta-tertiary-visited-container-color-inverse: var(--ds-color-container-ui-tertiary-default-inverse, #{$ds-color-container-ui-tertiary-default-inverse});
-    --ds-auro-hyperlink-cta-tertiary-visited-outline-color-inverse: transparent;
-    --ds-auro-hyperlink-cta-tertiary-visited-border-color-inverse: transparent;
-  
-    --ds-auro-hyperlink-cta-tertiary-focus-color-inverse: var(--ds-color-text-ui-default-inverse, #{$ds-color-text-ui-default-inverse});
-    --ds-auro-hyperlink-cta-tertiary-focus-container-color-inverse: var(--ds-color-container-ui-secondary-focus-inverse, #{$ds-color-container-ui-secondary-focus-inverse});
-
-    --ds-auro-hyperlink-cta-tertiary-focus-outline-color-inverse: var(--ds-color-border-ui-focus-inverse, #{$ds-color-border-ui-focus-inverse});
-    --ds-auro-hyperlink-cta-tertiary-focus-border-color-inverse: transparent;
+  // cta hyperlink - tertiary
   
-    --ds-auro-hyperlink-cta-tertiary-hover-color-inverse: var(--ds-color-text-ui-hover-inverse, #{$ds-color-text-ui-hover-inverse});
-    --ds-auro-hyperlink-cta-tertiary-hover-container-color-inverse: var(--ds-color-container-ui-tertiary-hover-inverse, #{$ds-color-container-ui-tertiary-hover-inverse});
-    --ds-auro-hyperlink-cta-tertiary-hover-outline-color-inverse: transparent;
-    --ds-auro-hyperlink-cta-tertiary-hover-border-color-inverse: transparent;
+  --ds-auro-hyperlink-cta-tertiary-default-color-default: var(--ds-color-text-ui-default-default, #{$ds-color-text-ui-default-default});
+  --ds-auro-hyperlink-cta-tertiary-default-container-color-default: var(--ds-color-container-ui-tertiary-default-default, #{$ds-color-container-ui-tertiary-default-default});
+  --ds-auro-hyperlink-cta-tertiary-default-outline-color-default: transparent;
+  --ds-auro-hyperlink-cta-tertiary-default-border-color-default: transparent;
+
+  --ds-auro-hyperlink-cta-tertiary-visited-color-default: var(--ds-color-text-ui-default-default, #{$ds-color-text-ui-default-default});
+  --ds-auro-hyperlink-cta-tertiary-visited-container-color-default: var(--ds-color-container-ui-tertiary-default-default, #{$ds-color-container-ui-tertiary-default-default});
+  --ds-auro-hyperlink-cta-tertiary-visited-outline-color-default: transparent;
+  --ds-auro-hyperlink-cta-tertiary-visited-border-color-default: transparent;
+
+  --ds-auro-hyperlink-cta-tertiary-focus-color-default: var(--ds-color-ui-default-default, #{$ds-color-ui-default-default});
+  --ds-auro-hyperlink-cta-tertiary-focus-container-color-default: var(--ds-color-container-tertiary-default, #{$ds-color-container-tertiary-default});
+  --ds-auro-hyperlink-cta-tertiary-focus-outline-color-default: var(--ds-color-border-ui-default-default, #{$ds-color-border-ui-default-default});
+  --ds-auro-hyperlink-cta-tertiary-focus-border-color-default: var(--ds-color-border-ui-default-default, #{$ds-color-border-ui-default-default});
+
+  --ds-auro-hyperlink-cta-tertiary-hover-color-default: var(--ds-color-text-ui-hover-default, #{$ds-color-text-ui-hover-default});
+  --ds-auro-hyperlink-cta-tertiary-hover-container-color-default: var(--ds-color-container-ui-tertiary-hover-default, #{$ds-color-container-ui-tertiary-hover-default});
+  --ds-auro-hyperlink-cta-tertiary-hover-outline-color-default: transparent;
+  --ds-auro-hyperlink-cta-tertiary-hover-border-color-default: transparent;
+
+  // cta hyperlink - tertiary ondark
+
+  --ds-auro-hyperlink-cta-tertiary-default-color-inverse: var(--ds-color-text-ui-default-inverse, #{$ds-color-text-ui-default-inverse});
+  --ds-auro-hyperlink-cta-tertiary-default-container-color-inverse: var(--ds-color-container-ui-tertiary-default-inverse, #{$ds-color-container-ui-tertiary-default-inverse});
+  --ds-auro-hyperlink-cta-tertiary-default-outline-color-inverse: transparent;
+  --ds-auro-hyperlink-cta-tertiary-default-border-color-inverse: transparent;
+
+  --ds-auro-hyperlink-cta-tertiary-visited-color-inverse: var(--ds-color-text-ui-default-inverse, #{$ds-color-text-ui-default-inverse});
+  --ds-auro-hyperlink-cta-tertiary-visited-container-color-inverse: var(--ds-color-container-ui-tertiary-default-inverse, #{$ds-color-container-ui-tertiary-default-inverse});
+  --ds-auro-hyperlink-cta-tertiary-visited-outline-color-inverse: transparent;
+  --ds-auro-hyperlink-cta-tertiary-visited-border-color-inverse: transparent;
+
+  --ds-auro-hyperlink-cta-tertiary-focus-color-inverse: var(--ds-color-text-ui-default-inverse, #{$ds-color-text-ui-default-inverse});
+  --ds-auro-hyperlink-cta-tertiary-focus-container-color-inverse: var(--ds-color-container-ui-secondary-focus-inverse, #{$ds-color-container-ui-secondary-focus-inverse});
+  --ds-auro-hyperlink-cta-tertiary-focus-outline-color-inverse: var(--ds-color-border-ui-default-inverse, #{$ds-color-border-ui-default-inverse});
+  --ds-auro-hyperlink-cta-tertiary-focus-border-color-inverse: var(--ds-color-border-ui-default-inverse, #{$ds-color-border-ui-default-inverse});
+
+  --ds-auro-hyperlink-cta-tertiary-hover-color-inverse: var(--ds-color-text-ui-hover-inverse, #{$ds-color-text-ui-hover-inverse});
+  --ds-auro-hyperlink-cta-tertiary-hover-container-color-inverse: var(--ds-color-container-ui-tertiary-hover-inverse, #{$ds-color-container-ui-tertiary-hover-inverse});
+  --ds-auro-hyperlink-cta-tertiary-hover-outline-color-inverse: transparent;
+  --ds-auro-hyperlink-cta-tertiary-hover-border-color-inverse: transparent;
 }