@telia/teddy 0.6.13 → 0.6.15

package/dist/style.css

@@ -1113,32 +1113,36 @@
   }
 }@layer heading, flex, grid, button, card;
 @layer card {
-  ._teddy-card_6pylp_3 {
+  ._teddy-card_1p563_3:focus-visible {
+    outline: var(--teddy-border-width-sm) solid var(--teddy-color-blue-600);
+    outline-offset: 2px;
+  }
+  ._teddy-card_1p563_3 {
     border-radius: var(--teddy-border-radius-md);
     padding: var(--teddy-spacing-250);
     position: relative;
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-card_6pylp_3 {
+    ._teddy-card_1p563_3 {
       transition: background-color var(--teddy-motion-duration-100) ease;
     }
   }
-  ._teddy-card__slot_6pylp_13 {
+  ._teddy-card__slot_1p563_17 {
     transform: translateY(-50%);
   }
-  ._teddy-card__slot--bottom_6pylp_16 {
+  ._teddy-card__slot--bottom_1p563_20 {
     transform: translateY(50%);
   }
-  ._teddy-card__slot--center_6pylp_19 {
+  ._teddy-card__slot--center_1p563_23 {
     transform: translate(-50%, -50%);
   }
-  ._teddy-card__slot--bottom_6pylp_16._teddy-card__slot--center_6pylp_19 {
+  ._teddy-card__slot--bottom_1p563_20._teddy-card__slot--center_1p563_23 {
     transform: translate(-50%, 50%);
   }
-  ._teddy-card__slot--no-translate_6pylp_25 {
+  ._teddy-card__slot--no-translate_1p563_29 {
     transform: initial;
   }
-  ._teddy-card_6pylp_3::before {
+  ._teddy-card_1p563_3::before {
     content: "";
     display: block;
     position: absolute;
@@ -1149,95 +1153,95 @@
     box-shadow: var(--teddy-shadow-sm);
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-card_6pylp_3::before {
+    ._teddy-card_1p563_3::before {
       transition: var(--teddy-motion-duration-300) ease;
       transition-property: opacity, box-shadow;
     }
   }
-  ._teddy-card--shadow_6pylp_44::before {
+  ._teddy-card--shadow_1p563_48::before {
     opacity: 1;
   }
-  ._teddy-card_6pylp_3:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card_1p563_3:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     cursor: pointer;
   }
-  ._teddy-card_6pylp_3:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)):hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47))::before {
+  ._teddy-card_1p563_3:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)):hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51))::before {
     opacity: 1;
     box-shadow: var(--teddy-shadow-md);
   }
-  ._teddy-card--border_6pylp_54 {
+  ._teddy-card--border_1p563_58 {
     border: var(--teddy-border-width-xs) solid transparent;
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__illustration_6pylp_57 {
+  ._teddy-card--layout_1p563_61 ._teddy-card__illustration_1p563_61 {
     grid-area: illustration;
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__carousel_6pylp_60 {
+  ._teddy-card--layout_1p563_61 ._teddy-card__carousel_1p563_64 {
     grid-area: carousel;
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__content_6pylp_63 {
+  ._teddy-card--layout_1p563_61 ._teddy-card__content_1p563_67 {
     grid-area: content;
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__heading_6pylp_66 {
+  ._teddy-card--layout_1p563_61 ._teddy-card__heading_1p563_70 {
     grid-area: heading;
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__action-wrapper_6pylp_69 {
+  ._teddy-card--layout_1p563_61 ._teddy-card__action-wrapper_1p563_73 {
     grid-area: action;
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__footer_6pylp_72 {
+  ._teddy-card--layout_1p563_61 ._teddy-card__footer_1p563_76 {
     grid-area: footer;
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__overline_6pylp_75 {
+  ._teddy-card--layout_1p563_61 ._teddy-card__overline_1p563_79 {
     grid-area: overline;
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__description_6pylp_78 {
+  ._teddy-card--layout_1p563_61 ._teddy-card__description_1p563_82 {
     grid-area: description;
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__color-dots_6pylp_81 {
+  ._teddy-card--layout_1p563_61 ._teddy-card__color-dots_1p563_85 {
     grid-area: colors;
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__availability_6pylp_84 {
+  ._teddy-card--layout_1p563_61 ._teddy-card__availability_1p563_88 {
     grid-area: availability;
   }
-  ._teddy-card--layout_6pylp_57 ._teddy-card__price_6pylp_87 {
+  ._teddy-card--layout_1p563_61 ._teddy-card__price_1p563_91 {
     grid-area: price;
   }
-  ._teddy-card--default_6pylp_90 {
+  ._teddy-card--default_1p563_94 {
     display: flex;
     flex-direction: column;
     gap: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-vertical_6pylp_95 {
+  ._teddy-card--navigation-vertical_1p563_99 {
     grid-template-rows: auto auto 1fr auto;
     justify-items: start;
     justify-content: stretch;
     align-items: baseline;
     grid-template-areas: "illustration" "heading" "content" "action";
   }
-  ._teddy-card--navigation-vertical_6pylp_95 ._teddy-card__illustration_6pylp_57 {
+  ._teddy-card--navigation-vertical_1p563_99 ._teddy-card__illustration_1p563_61 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-vertical_6pylp_95 ._teddy-card__content_6pylp_63 {
+  ._teddy-card--navigation-vertical_1p563_99 ._teddy-card__content_1p563_67 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-vertical_6pylp_95 ._teddy-card__heading_6pylp_66 {
+  ._teddy-card--navigation-vertical_1p563_99 ._teddy-card__heading_1p563_70 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--navigation-vertical_6pylp_95 ._teddy-card__action-wrapper_6pylp_69 {
+  ._teddy-card--navigation-vertical_1p563_99 ._teddy-card__action-wrapper_1p563_73 {
     margin-top: auto;
     justify-self: end;
   }
-  ._teddy-card--navigation-horizontal-small_6pylp_115 {
+  ._teddy-card--navigation-horizontal-small_1p563_119 {
     grid-template-columns: auto 1fr auto;
     grid-template-rows: auto 1fr;
     grid-template-areas: "illustration heading action" "illustration content action";
     column-gap: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-horizontal-small_6pylp_115 ._teddy-card__heading_6pylp_66 {
+  ._teddy-card--navigation-horizontal-small_1p563_119 ._teddy-card__heading_1p563_70 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--navigation-horizontal-small_6pylp_115 ._teddy-card__action-wrapper_6pylp_69 {
+  ._teddy-card--navigation-horizontal-small_1p563_119 ._teddy-card__action-wrapper_1p563_73 {
     margin-top: auto;
   }
-  ._teddy-card--navigation-horizontal-small-centered_6pylp_127 {
+  ._teddy-card--navigation-horizontal-small-centered_1p563_131 {
     width: 100%;
     max-width: 26rem;
     grid-template-columns: auto 1fr auto;
@@ -1246,176 +1250,176 @@
     align-items: center;
     column-gap: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-horizontal-small-centered_6pylp_127 ._teddy-card__content_6pylp_63 {
+  ._teddy-card--navigation-horizontal-small-centered_1p563_131 ._teddy-card__content_1p563_67 {
     margin-top: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-horizontal-small-centered_6pylp_127 ._teddy-card__action-wrapper_6pylp_69 {
+  ._teddy-card--navigation-horizontal-small-centered_1p563_131 ._teddy-card__action-wrapper_1p563_73 {
     margin: 0;
   }
-  ._teddy-card--navigation-horizontal-small-centered_6pylp_127 ._teddy-card__illustration_6pylp_57 {
+  ._teddy-card--navigation-horizontal-small-centered_1p563_131 ._teddy-card__illustration_1p563_61 {
     max-height: 80px;
     max-width: 100px;
   }
-  ._teddy-card--navigation-horizontal-small-centered_6pylp_127 ._teddy-card__illustration_6pylp_57 img {
+  ._teddy-card--navigation-horizontal-small-centered_1p563_131 ._teddy-card__illustration_1p563_61 img {
     object-fit: contain;
   }
-  ._teddy-card--navigation-horizontal-large_6pylp_149 {
+  ._teddy-card--navigation-horizontal-large_1p563_153 {
     grid-template-columns: 1fr auto;
     grid-template-rows: auto auto 1fr;
     grid-template-areas: "illustration action" "heading action" "content action";
     column-gap: var(--teddy-spacing-200);
   }
-  ._teddy-card--navigation-horizontal-large_6pylp_149 ._teddy-card__heading_6pylp_66 {
+  ._teddy-card--navigation-horizontal-large_1p563_153 ._teddy-card__heading_1p563_70 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--navigation-horizontal-large_6pylp_149 ._teddy-card__action-wrapper_6pylp_69 {
+  ._teddy-card--navigation-horizontal-large_1p563_153 ._teddy-card__action-wrapper_1p563_73 {
     margin-top: auto;
   }
-  ._teddy-card--rich-card_6pylp_161 {
+  ._teddy-card--rich-card_1p563_165 {
     justify-items: start;
     align-items: baseline;
     grid-template-rows: auto auto 1fr auto;
     grid-template-areas: "illustration" "heading" "content" "action";
   }
-  ._teddy-card--rich-card_6pylp_161 ._teddy-card__illustration_6pylp_57 {
+  ._teddy-card--rich-card_1p563_165 ._teddy-card__illustration_1p563_61 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--rich-card_6pylp_161 ._teddy-card__content_6pylp_63 {
+  ._teddy-card--rich-card_1p563_165 ._teddy-card__content_1p563_67 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--rich-card_6pylp_161 ._teddy-card__heading_6pylp_66 {
+  ._teddy-card--rich-card_1p563_165 ._teddy-card__heading_1p563_70 {
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card--rich-card_6pylp_161 ._teddy-card__action-wrapper_6pylp_69 {
+  ._teddy-card--rich-card_1p563_165 ._teddy-card__action-wrapper_1p563_73 {
     margin-top: auto;
   }
   @media (max-width: 800px) {
-    ._teddy-card--rich-card-large_6pylp_180 {
+    ._teddy-card--rich-card-large_1p563_184 {
       align-items: baseline;
       grid-template-rows: auto auto 1fr auto;
       grid-template-areas: "illustration" "heading" "content" "action";
     }
   }
-  ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__illustration_6pylp_57 img {
+  ._teddy-card--rich-card-large_1p563_184 ._teddy-card__illustration_1p563_61 img {
     object-fit: cover;
   }
   @media (min-width: 801px) {
-    ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__illustration_6pylp_57 {
+    ._teddy-card--rich-card-large_1p563_184 ._teddy-card__illustration_1p563_61 {
       grid-column-start: 1;
       margin-right: var(--teddy-spacing-600);
     }
   }
-  ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__content_6pylp_63 {
+  ._teddy-card--rich-card-large_1p563_184 ._teddy-card__content_1p563_67 {
     margin-top: 2rem;
   }
   @media (min-width: 801px) {
-    ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__content_6pylp_63 {
+    ._teddy-card--rich-card-large_1p563_184 ._teddy-card__content_1p563_67 {
       grid-column-start: 2;
       margin-top: 0;
       align-content: center;
     }
   }
-  ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__action_6pylp_47 {
+  ._teddy-card--rich-card-large_1p563_184 ._teddy-card__action_1p563_51 {
     margin-top: var(--teddy-spacing-200);
   }
-  ._teddy-card--rich-card-large_6pylp_180 ._teddy-card__heading_6pylp_66 {
+  ._teddy-card--rich-card-large_1p563_184 ._teddy-card__heading_1p563_70 {
     margin-top: var(--teddy-spacing-100);
     margin-bottom: var(--teddy-spacing-100);
   }
-  ._teddy-card__line_6pylp_212 {
+  ._teddy-card__line_1p563_216 {
     border: 0;
     border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
   }
-  ._teddy-card--purple-light_6pylp_216 {
+  ._teddy-card--purple-light_1p563_220 {
     background-color: var(--teddy-color-background-interactive-primary-negative);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-background-interactive-primary-negative);
   }
-  ._teddy-card--purple-light_6pylp_216:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card--purple-light_1p563_220:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     background-color: var(--teddy-color-background-interactive-primary-negative-hover);
   }
-  ._teddy-card--purple-light_6pylp_216:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card--purple-light_1p563_220:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     background-color: var(--teddy-color-background-interactive-primary-negative-active);
   }
-  ._teddy-card--purple-light_6pylp_216:has(._teddy-card__action--disabled_6pylp_47) {
+  ._teddy-card--purple-light_1p563_220:has(._teddy-card__action--disabled_1p563_51) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--purple-dark_6pylp_230 {
+  ._teddy-card--purple-dark_1p563_234 {
     background-color: var(--teddy-color-brand-deep-purple);
     color: var(--teddy-color-text-default-negative);
     border-color: var(--teddy-color-brand-deep-purple);
   }
-  ._teddy-card--purple-dark_6pylp_230:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card--purple-dark_1p563_234:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
   }
-  ._teddy-card--purple-dark_6pylp_230:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card--purple-dark_1p563_234:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     background-color: var(--teddy-color-background-interactive-transparent-negative-active);
   }
-  ._teddy-card--purple-dark_6pylp_230:has(._teddy-card__action--disabled_6pylp_47) {
+  ._teddy-card--purple-dark_1p563_234:has(._teddy-card__action--disabled_1p563_51) {
     color: var(--teddy-color-text-default);
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--purple-dark_6pylp_230:has(._teddy-card__action--disabled_6pylp_47) ._teddy-card__action_6pylp_47 {
+  ._teddy-card--purple-dark_1p563_234:has(._teddy-card__action--disabled_1p563_51) ._teddy-card__action_1p563_51 {
     color: var(--teddy-color-text-weak);
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--white_6pylp_249 {
+  ._teddy-card--white_1p563_253 {
     background-color: var(--teddy-color-brand-white);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-border-weak);
   }
-  ._teddy-card--white_6pylp_249:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card--white_1p563_253:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     background-color: var(--teddy-color-background-interactive-transparent-hover);
   }
-  ._teddy-card--white_6pylp_249:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card--white_1p563_253:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-card--white_6pylp_249:has(._teddy-card__action--disabled_6pylp_47) {
+  ._teddy-card--white_1p563_253:has(._teddy-card__action--disabled_1p563_51) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--gray_6pylp_263 {
+  ._teddy-card--gray_1p563_267 {
     background-color: var(--teddy-color-background-secondary);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-border-interactive-subtle);
   }
-  ._teddy-card--gray_6pylp_263:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card--gray_1p563_267:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     background-color: var(--teddy-color-gray-100);
   }
-  ._teddy-card--gray_6pylp_263:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card--gray_1p563_267:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     background-color: var(--teddy-color-gray-200);
   }
-  ._teddy-card--gray_6pylp_263:has(._teddy-card__action--disabled_6pylp_47) {
+  ._teddy-card--gray_1p563_267:has(._teddy-card__action--disabled_1p563_51) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--beige_6pylp_277 {
+  ._teddy-card--beige_1p563_281 {
     background-color: var(--teddy-color-beige-100);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-beige-300);
   }
-  ._teddy-card--beige_6pylp_277:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card--beige_1p563_281:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     background-color: var(--teddy-color-beige-200);
   }
-  ._teddy-card--beige_6pylp_277:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card--beige_1p563_281:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     background-color: var(--teddy-color-beige-300);
   }
-  ._teddy-card--beige_6pylp_277:has(._teddy-card__action--disabled_6pylp_47) {
+  ._teddy-card--beige_1p563_281:has(._teddy-card__action--disabled_1p563_51) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--beige-light_6pylp_291 {
+  ._teddy-card--beige-light_1p563_295 {
     background-color: var(--teddy-color-beige-50);
     color: var(--teddy-color-text-default);
     border-color: var(--teddy-color-beige-200);
   }
-  ._teddy-card--beige-light_6pylp_291:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card--beige-light_1p563_295:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     background-color: var(--teddy-color-beige-100);
   }
-  ._teddy-card--beige-light_6pylp_291:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card--beige-light_1p563_295:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     background-color: var(--teddy-color-beige-100);
   }
-  ._teddy-card--beige-light_6pylp_291:has(._teddy-card__action--disabled_6pylp_47) {
+  ._teddy-card--beige-light_1p563_295:has(._teddy-card__action--disabled_1p563_51) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--product_6pylp_305 {
+  ._teddy-card--product_1p563_309 {
     grid-template-columns: minmax(0, 100%);
     grid-template-rows: auto auto auto auto auto auto auto 1fr auto auto;
     grid-template-areas: "illustration" "carousel" "overline" "heading" "colors" "description" "content" "price" "action" "availability";
@@ -1425,134 +1429,134 @@
     padding-bottom: var(--teddy-spacing-100);
     width: 100%;
   }
-  ._teddy-card--product_6pylp_305:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card--product_1p563_309:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     background-color: var(--teddy-color-brand-white);
     outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
     outline-offset: calc(var(--teddy-border-width-sm) * -1);
   }
-  ._teddy-card--product_6pylp_305:hover:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) ._teddy-card__carousel_6pylp_60 .slick-slider .slick-arrow {
+  ._teddy-card--product_1p563_309:hover:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) ._teddy-card__carousel_1p563_64 .slick-slider .slick-arrow {
     display: block !important;
   }
-  ._teddy-card--product_6pylp_305:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)) {
+  ._teddy-card--product_1p563_309:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)) {
     -webkit-tap-highlight-color: transparent;
   }
-  ._teddy-card--product_6pylp_305:active:has(._teddy-card__action_6pylp_47:not(._teddy-card__action--disabled_6pylp_47)):not(:has(._teddy-card__carousel_6pylp_60:active)) {
+  ._teddy-card--product_1p563_309:active:has(._teddy-card__action_1p563_51:not(._teddy-card__action--disabled_1p563_51)):not(:has(._teddy-card__carousel_1p563_64:active)) {
     background-color: var(--teddy-color-background-interactive-transparent-active);
   }
-  ._teddy-card--product_6pylp_305:has(._teddy-card__action--disabled_6pylp_47) {
+  ._teddy-card--product_1p563_309:has(._teddy-card__action--disabled_1p563_51) {
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__action-wrapper_6pylp_69 {
+  ._teddy-card--product_1p563_309 ._teddy-card__action-wrapper_1p563_73 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__illustration_6pylp_57 {
+  ._teddy-card--product_1p563_309 ._teddy-card__illustration_1p563_61 {
     height: 180px;
     display: grid;
     place-items: center;
     place-self: center;
     margin-bottom: var(--teddy-spacing-400);
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__illustration_6pylp_57 img {
+  ._teddy-card--product_1p563_309 ._teddy-card__illustration_1p563_61 img {
     max-width: 200px;
     max-height: 180px;
     object-fit: contain;
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__carousel_6pylp_60 .slick-slider .slick-arrow {
+  ._teddy-card--product_1p563_309 ._teddy-card__carousel_1p563_64 .slick-slider .slick-arrow {
     display: none !important;
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__carousel_6pylp_60 .slick-dots li {
+  ._teddy-card--product_1p563_309 ._teddy-card__carousel_1p563_64 .slick-dots li {
     min-width: 12px;
     width: initial !important;
     margin: 0 0.25rem !important;
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__carousel_6pylp_60 .slick-dots .slick-active {
+  ._teddy-card--product_1p563_309 ._teddy-card__carousel_1p563_64 .slick-dots .slick-active {
     min-width: 24px;
     width: initial !important;
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__overline_6pylp_75 {
+  ._teddy-card--product_1p563_309 ._teddy-card__overline_1p563_79 {
     margin-bottom: var(--teddy-spacing-50);
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__heading_6pylp_66 {
+  ._teddy-card--product_1p563_309 ._teddy-card__heading_1p563_70 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__description_6pylp_78 {
+  ._teddy-card--product_1p563_309 ._teddy-card__description_1p563_82 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__content_6pylp_63 {
+  ._teddy-card--product_1p563_309 ._teddy-card__content_1p563_67 {
     margin-bottom: var(--teddy-spacing-200);
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__action_6pylp_47 {
+  ._teddy-card--product_1p563_309 ._teddy-card__action_1p563_51 {
     margin-top: auto;
     margin-left: auto;
     justify-self: end;
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__price_6pylp_87 {
+  ._teddy-card--product_1p563_309 ._teddy-card__price_1p563_91 {
     display: flex;
   }
-  ._teddy-card--product_6pylp_305 ._teddy-card__price--big_6pylp_379 {
+  ._teddy-card--product_1p563_309 ._teddy-card__price--big_1p563_383 {
     font-size: var(--teddy-typography-scale-200);
   }
-  ._teddy-card_6pylp_3:has(._teddy-card__image--as-background_6pylp_382) {
+  ._teddy-card_1p563_3:has(._teddy-card__image--as-background_1p563_386) {
     background-color: transparent;
   }
-  ._teddy-card__heading_6pylp_66 {
+  ._teddy-card__heading_1p563_70 {
     color: inherit;
   }
-  ._teddy-card--background-image_6pylp_388 {
+  ._teddy-card--background-image_1p563_392 {
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
   }
-  ._teddy-card__illustration--rounded_6pylp_393 {
+  ._teddy-card__illustration--rounded_1p563_397 {
     border-radius: inherit;
     overflow: hidden;
   }
-  ._teddy-card__inset_6pylp_397 {
+  ._teddy-card__inset_1p563_401 {
     overflow: hidden;
   }
-  ._teddy-card__inset--top_6pylp_400 {
+  ._teddy-card__inset--top_1p563_404 {
     margin-top: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__inset--top_6pylp_400._teddy-card__inset--left_6pylp_403 {
+  ._teddy-card__inset--top_1p563_404._teddy-card__inset--left_1p563_407 {
     border-top-left-radius: inherit;
   }
-  ._teddy-card__inset--top_6pylp_400._teddy-card__inset--right_6pylp_406 {
+  ._teddy-card__inset--top_1p563_404._teddy-card__inset--right_1p563_410 {
     border-top-right-radius: inherit;
   }
-  ._teddy-card__inset--bottom_6pylp_409 {
+  ._teddy-card__inset--bottom_1p563_413 {
     margin-bottom: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__inset--bottom_6pylp_409._teddy-card__inset--left_6pylp_403 {
+  ._teddy-card__inset--bottom_1p563_413._teddy-card__inset--left_1p563_407 {
     border-bottom-left-radius: inherit;
   }
-  ._teddy-card__inset--bottom_6pylp_409._teddy-card__inset--right_6pylp_406 {
+  ._teddy-card__inset--bottom_1p563_413._teddy-card__inset--right_1p563_410 {
     border-bottom-right-radius: inherit;
   }
-  ._teddy-card__inset--left_6pylp_403 {
+  ._teddy-card__inset--left_1p563_407 {
     margin-left: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__inset--right_6pylp_406 {
+  ._teddy-card__inset--right_1p563_410 {
     margin-right: calc(var(--teddy-spacing-250) * -1);
   }
-  ._teddy-card__availability--badge_6pylp_424 {
+  ._teddy-card__availability--badge_1p563_428 {
     margin-right: var(--teddy-spacing-150);
   }
-  ._teddy-card__availability--success_6pylp_427 {
+  ._teddy-card__availability--success_1p563_431 {
     color: var(--teddy-color-text-status-success-strong);
   }
-  ._teddy-card__availability--warning_6pylp_430 {
+  ._teddy-card__availability--warning_1p563_434 {
     color: var(--teddy-color-text-status-warning-strong);
   }
-  ._teddy-card__availability--error_6pylp_433 {
+  ._teddy-card__availability--error_1p563_437 {
     color: var(--teddy-color-text-status-error-strong);
   }
-  ._teddy-card__availability--special_6pylp_436 {
+  ._teddy-card__availability--special_1p563_440 {
     color: var(--teddy-color-text-status-special);
   }
-  ._teddy-card__availability--neutral_6pylp_439 {
+  ._teddy-card__availability--neutral_1p563_443 {
     color: var(--teddy-color-text-status-neutral);
   }
-  ._teddy-card__availability--information_6pylp_442 {
+  ._teddy-card__availability--information_1p563_446 {
     color: var(--teddy-color-text-status-info-strong);
   }
 }._teddy-flex_1ncy4_1 {
@@ -2199,6 +2203,10 @@
   --teddy-color-border-status-info: var(--teddy-color-blue-500);
   --teddy-color-border-status-warning: var(--teddy-color-orange-400);
   --teddy-color-border-status-error: var(--teddy-color-red-500);
+  --teddy-color-border-interactive-subtle-negative-hover: var(--teddy-color-purple-200);
+  --teddy-color-border-interactive-subtle-negative: var(--teddy-color-transparent-white-300);
+  --teddy-color-border-interactive-expressive: var(--teddy-color-purple-800);
+  --teddy-color-border-interactive-focus-negative: var(--teddy-color-blue-300);
   --teddy-color-border-interactive-subtle-hover: var(--teddy-color-purple-800);
   --teddy-color-border-interactive-subtle: var(--teddy-color-transparent-black-300);
   --teddy-color-border-interactive-selected: var(--teddy-color-purple-550);
@@ -2215,10 +2223,73 @@
   --teddy-color-border-strong: var(--teddy-color-transparent-black-500);
   --teddy-color-border-medium-negative: var(--teddy-color-transparent-white-300);
   --teddy-color-border-medium: var(--teddy-color-transparent-black-300);
+  --teddy-color-background-card-teal-emphasis-active-negative: var(--teddy-color-teal-600);
+  --teddy-color-background-card-teal-emphasis-active: var(--teddy-color-teal-300);
+  --teddy-color-background-card-teal-emphasis-hover-negative: var(--teddy-color-teal-700);
+  --teddy-color-background-card-teal-emphasis-hover: var(--teddy-color-teal-200);
+  --teddy-color-background-card-teal-emphasis-negative: var(--teddy-color-teal-800);
+  --teddy-color-background-card-teal-emphasis: var(--teddy-color-teal-100);
+  --teddy-color-background-card-teal-active-negative: var(--teddy-color-teal-700);
+  --teddy-color-background-card-teal-active: var(--teddy-color-teal-200);
+  --teddy-color-background-card-teal-hover-negative: var(--teddy-color-teal-800);
+  --teddy-color-background-card-teal-hover: var(--teddy-color-teal-100);
+  --teddy-color-background-card-teal-negative: var(--teddy-color-teal-900);
+  --teddy-color-background-card-teal: var(--teddy-color-teal-50);
+  --teddy-color-background-card-dark-purple-active-negative: var(--teddy-color-purple-600);
+  --teddy-color-background-card-dark-purple-active: var(--teddy-color-purple-400);
+  --teddy-color-background-card-dark-purple-hover-negative: var(--teddy-color-purple-700);
+  --teddy-color-background-card-dark-purple-hover: var(--teddy-color-purple-300);
+  --teddy-color-background-card-dark-purple-negative: var(--teddy-color-purple-800);
+  --teddy-color-background-card-dark-purple: var(--teddy-color-purple-200);
+  --teddy-color-background-card-light-purple-active-negative: var(--teddy-color-purple-700);
+  --teddy-color-background-card-light-purple-active: var(--teddy-color-purple-300);
+  --teddy-color-background-card-light-purple-hover-negative: var(--teddy-color-purple-800);
+  --teddy-color-background-card-light-purple-hover: var(--teddy-color-purple-200);
+  --teddy-color-background-card-light-purple-negative: var(--teddy-color-purple-900);
+  --teddy-color-background-card-light-purple: var(--teddy-color-purple-100);
+  --teddy-color-background-card-beige-emphasis-active-negative: var(--teddy-color-purple-900);
+  --teddy-color-background-card-beige-emphasis-active: var(--teddy-color-beige-100);
+  --teddy-color-background-card-beige-emphasis-hover-negative: var(--teddy-color-purple-900);
+  --teddy-color-background-card-beige-emphasis-hover: var(--teddy-color-beige-100);
+  --teddy-color-background-card-beige-emphasis-negative: var(--teddy-color-gray-900);
+  --teddy-color-background-card-beige-emphasis: var(--teddy-color-beige-100);
+  --teddy-color-background-card-beige-active-negative: var(--teddy-color-purple-900);
+  --teddy-color-background-card-beige-active: var(--teddy-color-beige-100);
+  --teddy-color-background-card-beige-hover-negative: var(--teddy-color-purple-900);
+  --teddy-color-background-card-beige-hover: var(--teddy-color-beige-100);
+  --teddy-color-background-card-beige-negative: var(--teddy-color-gray-900);
+  --teddy-color-background-card-beige: var(--teddy-color-functional-white);
+  --teddy-color-background-card-gray-active-negative: var(--teddy-color-purple-900);
+  --teddy-color-background-card-gray-active: var(--teddy-color-purple-100);
+  --teddy-color-background-card-gray-hover-negative: var(--teddy-color-purple-900);
+  --teddy-color-background-card-gray-hover: var(--teddy-color-purple-100);
+  --teddy-color-background-card-gray-negative: var(--teddy-color-gray-900);
+  --teddy-color-background-card-gray: var(--teddy-color-functional-white);
+  --teddy-color-background-card-default-active-negative: var(--teddy-color-purple-900);
+  --teddy-color-background-card-default-active: var(--teddy-color-purple-100);
+  --teddy-color-background-card-default-hover-negative: var(--teddy-color-purple-900);
+  --teddy-color-background-card-default-hover: var(--teddy-color-purple-100);
+  --teddy-color-background-card-default-negative: var(--teddy-color-gray-900);
+  --teddy-color-background-card-default: var(--teddy-color-functional-white);
+  --teddy-color-background-light-purple-negative: var(--teddy-color-gray-700);
+  --teddy-color-background-light-purple: var(--teddy-color-purple-50);
   --teddy-color-background-tone-on-tone-quaternary: var(--teddy-color-beige-50);
   --teddy-color-background-tone-on-tone-tertiary: var(--teddy-color-beige-100);
   --teddy-color-background-tone-on-tone-secondary: var(--teddy-color-purple-100);
   --teddy-color-background-tone-on-tone-primary: var(--teddy-color-purple-900);
+  --teddy-color-background-status-attention-negative: var(--teddy-color-purple-700);
+  --teddy-color-background-status-special-strong-negative: var(--teddy-color-purple-800);
+  --teddy-color-background-status-special-strong: var(--teddy-color-purple-100);
+  --teddy-color-background-status-special-negative: var(--teddy-color-purple-900);
+  --teddy-color-background-status-neutral-negative: var(--teddy-color-gray-700);
+  --teddy-color-background-status-warning-strong-negative: var(--teddy-color-orange-600);
+  --teddy-color-background-status-warning-negative: var(--teddy-color-orange-700);
+  --teddy-color-background-status-error-strong-negative: var(--teddy-color-red-600);
+  --teddy-color-background-status-error-negative: var(--teddy-color-red-700);
+  --teddy-color-background-status-success-strong-negative: var(--teddy-color-green-600);
+  --teddy-color-background-status-success-negative: var(--teddy-color-green-700);
+  --teddy-color-background-status-info-strong-negative: var(--teddy-color-blue-600);
+  --teddy-color-background-status-info-negative: var(--teddy-color-blue-700);
   --teddy-color-background-status-attention: var(--teddy-color-purple-700);
   --teddy-color-background-status-special: var(--teddy-color-purple-100);
   --teddy-color-background-status-neutral: var(--teddy-color-gray-100);
@@ -2255,11 +2326,23 @@
   --teddy-color-background-interactive-primary-active: var(--teddy-color-purple-600);
   --teddy-color-background-interactive-primary-hover: var(--teddy-color-purple-700);
   --teddy-color-background-interactive-primary: var(--teddy-color-purple-800);
+  --teddy-color-background-secondary-negative: var(--teddy-color-gray-900);
   --teddy-color-background-secondary: var(--teddy-color-gray-50);
+  --teddy-color-background-primary-negative: var(--teddy-color-gray-900);
   --teddy-color-background-primary: var(--teddy-color-functional-white);
+  --teddy-color-text-card-beige-negative: var(--teddy-color-beige-100);
+  --teddy-color-text-card-beige: var(--teddy-color-beige-700);
+  --teddy-color-text-card-teal-negative: var(--teddy-color-teal-50);
+  --teddy-color-text-card-teal: var(--teddy-color-teal-700);
   --teddy-color-text-tone-on-tone-tertiary: var(--teddy-color-beige-700);
   --teddy-color-text-tone-on-tone-secondary: var(--teddy-color-purple-900);
   --teddy-color-text-tone-on-tone-primary: var(--teddy-color-purple-100);
+  --teddy-color-text-status-special-negative: var(--teddy-color-transparent-white-850);
+  --teddy-color-text-status-neutral-negative: var(--teddy-color-transparent-white-850);
+  --teddy-color-text-status-info-strong-negative: var(--teddy-color-blue-100);
+  --teddy-color-text-status-warning-strong-negative: var(--teddy-color-orange-100);
+  --teddy-color-text-status-success-strong-negative: var(--teddy-color-green-100);
+  --teddy-color-text-status-error-strong-negative: var(--teddy-color-red-100);
   --teddy-color-text-status-attention: var(--teddy-color-functional-white);
   --teddy-color-text-status-special: var(--teddy-color-purple-800);
   --teddy-color-text-status-neutral: var(--teddy-color-transparent-black-700);
@@ -6486,6 +6569,10 @@
   --teddy-color-border-status-info: var(--teddy-color-blue-500);
   --teddy-color-border-status-warning: var(--teddy-color-orange-400);
   --teddy-color-border-status-error: var(--teddy-color-red-500);
+  --teddy-color-border-interactive-subtle-negative-hover: var(--teddy-color-purple-200);
+  --teddy-color-border-interactive-subtle-negative: var(--teddy-color-transparent-white-300);
+  --teddy-color-border-interactive-expressive: var(--teddy-color-purple-800);
+  --teddy-color-border-interactive-focus-negative: var(--teddy-color-blue-300);
   --teddy-color-border-interactive-subtle-hover: var(--teddy-color-purple-800);
   --teddy-color-border-interactive-subtle: var(--teddy-color-transparent-black-300);
   --teddy-color-border-interactive-selected: var(--teddy-color-purple-550);
@@ -6502,10 +6589,73 @@
   --teddy-color-border-strong: var(--teddy-color-transparent-black-500);
   --teddy-color-border-medium-negative: var(--teddy-color-transparent-white-300);
   --teddy-color-border-medium: var(--teddy-color-transparent-black-300);
+  --teddy-color-background-card-teal-emphasis-active-negative: var(--teddy-color-teal-600);
+  --teddy-color-background-card-teal-emphasis-active: var(--teddy-color-teal-300);
+  --teddy-color-background-card-teal-emphasis-hover-negative: var(--teddy-color-teal-700);
+  --teddy-color-background-card-teal-emphasis-hover: var(--teddy-color-teal-200);
+  --teddy-color-background-card-teal-emphasis-negative: var(--teddy-color-teal-800);
+  --teddy-color-background-card-teal-emphasis: var(--teddy-color-teal-100);
+  --teddy-color-background-card-teal-active-negative: var(--teddy-color-teal-700);
+  --teddy-color-background-card-teal-active: var(--teddy-color-teal-200);
+  --teddy-color-background-card-teal-hover-negative: var(--teddy-color-teal-800);
+  --teddy-color-background-card-teal-hover: var(--teddy-color-teal-100);
+  --teddy-color-background-card-teal-negative: var(--teddy-color-teal-900);
+  --teddy-color-background-card-teal: var(--teddy-color-teal-50);
+  --teddy-color-background-card-dark-purple-active-negative: var(--teddy-color-purple-600);
+  --teddy-color-background-card-dark-purple-active: var(--teddy-color-purple-400);
+  --teddy-color-background-card-dark-purple-hover-negative: var(--teddy-color-purple-700);
+  --teddy-color-background-card-dark-purple-hover: var(--teddy-color-purple-300);
+  --teddy-color-background-card-dark-purple-negative: var(--teddy-color-purple-800);
+  --teddy-color-background-card-dark-purple: var(--teddy-color-purple-200);
+  --teddy-color-background-card-light-purple-active-negative: var(--teddy-color-purple-700);
+  --teddy-color-background-card-light-purple-active: var(--teddy-color-purple-300);
+  --teddy-color-background-card-light-purple-hover-negative: var(--teddy-color-purple-800);
+  --teddy-color-background-card-light-purple-hover: var(--teddy-color-purple-200);
+  --teddy-color-background-card-light-purple-negative: var(--teddy-color-purple-900);
+  --teddy-color-background-card-light-purple: var(--teddy-color-purple-100);
+  --teddy-color-background-card-beige-emphasis-active-negative: var(--teddy-color-purple-900);
+  --teddy-color-background-card-beige-emphasis-active: var(--teddy-color-beige-100);
+  --teddy-color-background-card-beige-emphasis-hover-negative: var(--teddy-color-purple-900);
+  --teddy-color-background-card-beige-emphasis-hover: var(--teddy-color-beige-100);
+  --teddy-color-background-card-beige-emphasis-negative: var(--teddy-color-gray-900);
+  --teddy-color-background-card-beige-emphasis: var(--teddy-color-beige-100);
+  --teddy-color-background-card-beige-active-negative: var(--teddy-color-purple-900);
+  --teddy-color-background-card-beige-active: var(--teddy-color-beige-100);
+  --teddy-color-background-card-beige-hover-negative: var(--teddy-color-purple-900);
+  --teddy-color-background-card-beige-hover: var(--teddy-color-beige-100);
+  --teddy-color-background-card-beige-negative: var(--teddy-color-gray-900);
+  --teddy-color-background-card-beige: var(--teddy-color-functional-white);
+  --teddy-color-background-card-gray-active-negative: var(--teddy-color-purple-900);
+  --teddy-color-background-card-gray-active: var(--teddy-color-purple-100);
+  --teddy-color-background-card-gray-hover-negative: var(--teddy-color-purple-900);
+  --teddy-color-background-card-gray-hover: var(--teddy-color-purple-100);
+  --teddy-color-background-card-gray-negative: var(--teddy-color-gray-900);
+  --teddy-color-background-card-gray: var(--teddy-color-functional-white);
+  --teddy-color-background-card-default-active-negative: var(--teddy-color-purple-900);
+  --teddy-color-background-card-default-active: var(--teddy-color-purple-100);
+  --teddy-color-background-card-default-hover-negative: var(--teddy-color-purple-900);
+  --teddy-color-background-card-default-hover: var(--teddy-color-purple-100);
+  --teddy-color-background-card-default-negative: var(--teddy-color-gray-900);
+  --teddy-color-background-card-default: var(--teddy-color-functional-white);
+  --teddy-color-background-light-purple-negative: var(--teddy-color-gray-700);
+  --teddy-color-background-light-purple: var(--teddy-color-purple-50);
   --teddy-color-background-tone-on-tone-quaternary: var(--teddy-color-beige-50);
   --teddy-color-background-tone-on-tone-tertiary: var(--teddy-color-beige-100);
   --teddy-color-background-tone-on-tone-secondary: var(--teddy-color-purple-100);
   --teddy-color-background-tone-on-tone-primary: var(--teddy-color-purple-900);
+  --teddy-color-background-status-attention-negative: var(--teddy-color-purple-700);
+  --teddy-color-background-status-special-strong-negative: var(--teddy-color-purple-800);
+  --teddy-color-background-status-special-strong: var(--teddy-color-purple-100);
+  --teddy-color-background-status-special-negative: var(--teddy-color-purple-900);
+  --teddy-color-background-status-neutral-negative: var(--teddy-color-gray-700);
+  --teddy-color-background-status-warning-strong-negative: var(--teddy-color-orange-600);
+  --teddy-color-background-status-warning-negative: var(--teddy-color-orange-700);
+  --teddy-color-background-status-error-strong-negative: var(--teddy-color-red-600);
+  --teddy-color-background-status-error-negative: var(--teddy-color-red-700);
+  --teddy-color-background-status-success-strong-negative: var(--teddy-color-green-600);
+  --teddy-color-background-status-success-negative: var(--teddy-color-green-700);
+  --teddy-color-background-status-info-strong-negative: var(--teddy-color-blue-600);
+  --teddy-color-background-status-info-negative: var(--teddy-color-blue-700);
   --teddy-color-background-status-attention: var(--teddy-color-purple-700);
   --teddy-color-background-status-special: var(--teddy-color-purple-100);
   --teddy-color-background-status-neutral: var(--teddy-color-gray-100);
@@ -6542,11 +6692,23 @@
   --teddy-color-background-interactive-primary-active: var(--teddy-color-purple-600);
   --teddy-color-background-interactive-primary-hover: var(--teddy-color-purple-700);
   --teddy-color-background-interactive-primary: var(--teddy-color-purple-800);
+  --teddy-color-background-secondary-negative: var(--teddy-color-gray-900);
   --teddy-color-background-secondary: var(--teddy-color-gray-50);
+  --teddy-color-background-primary-negative: var(--teddy-color-gray-900);
   --teddy-color-background-primary: var(--teddy-color-functional-white);
+  --teddy-color-text-card-beige-negative: var(--teddy-color-beige-100);
+  --teddy-color-text-card-beige: var(--teddy-color-beige-700);
+  --teddy-color-text-card-teal-negative: var(--teddy-color-teal-50);
+  --teddy-color-text-card-teal: var(--teddy-color-teal-700);
   --teddy-color-text-tone-on-tone-tertiary: var(--teddy-color-beige-700);
   --teddy-color-text-tone-on-tone-secondary: var(--teddy-color-purple-900);
   --teddy-color-text-tone-on-tone-primary: var(--teddy-color-purple-100);
+  --teddy-color-text-status-special-negative: var(--teddy-color-transparent-white-850);
+  --teddy-color-text-status-neutral-negative: var(--teddy-color-transparent-white-850);
+  --teddy-color-text-status-info-strong-negative: var(--teddy-color-blue-100);
+  --teddy-color-text-status-warning-strong-negative: var(--teddy-color-orange-100);
+  --teddy-color-text-status-success-strong-negative: var(--teddy-color-green-100);
+  --teddy-color-text-status-error-strong-negative: var(--teddy-color-red-100);
   --teddy-color-text-status-attention: var(--teddy-color-functional-white);
   --teddy-color-text-status-special: var(--teddy-color-purple-800);
   --teddy-color-text-status-neutral: var(--teddy-color-transparent-black-700);