@dialpad/dialtone 7.23.0 → 7.24.1

package/lib/dist/css/dialtone.css

@@ -631,7 +631,7 @@ body {
   --badge-color-background: var(--theme-mention-color-background);
 }
 .d-badge--ai {
-  --badge-color-text: var(--white);
+  --badge-color-text: var(--theme-mention-color-foreground);
   --badge-color-background: var(--magenta-300);
   background-image: var(--badge-color-background-ai);
 }
@@ -7388,45 +7388,56 @@ body.theme-dark .d\:d-bgc-black-600 {
 .d-fc-black-500,
 .h\:d-fc-black-500:hover,
 .f\:d-fc-black-500:focus,
-.d-fc-muted,
-.h\:d-fc-muted:hover,
-.f\:d-fc-muted:focus,
-.f\:d-fc-muted:focus-within,
-.fv\:d-fc-muted.focus-visible.js-focus-visible,
-.js-focus-visible .fv\:d-fc-muted.focus-visible,
 .d-fc-placeholder,
 .h\:d-fc-placeholder:hover,
 .f\:d-fc-placeholder:focus,
 .f\:d-fc-placeholder:focus-within,
 .fv\:d-fc-placeholder.focus-visible.js-focus-visible,
 .js-focus-visible .fv\:d-fc-placeholder.focus-visible,
+.d-fc-placeholder-inverted,
+.h\:d-fc-placeholder-inverted:hover,
+.f\:d-fc-placeholder-inverted:focus,
+.f\:d-fc-placeholder-inverted:focus-within,
+.fv\:d-fc-placeholder-inverted.focus-visible.js-focus-visible,
+.js-focus-visible .fv\:d-fc-placeholder-inverted.focus-visible,
 .d-fc-disabled,
 .h\:d-fc-disabled:hover,
 .f\:d-fc-disabled:focus,
 .f\:d-fc-disabled:focus-within,
 .fv\:d-fc-disabled.focus-visible.js-focus-visible,
-.js-focus-visible .fv\:d-fc-disabled.focus-visible {
+.js-focus-visible .fv\:d-fc-disabled.focus-visible,
+.d-fc-disabled-inverted,
+.h\:d-fc-disabled-inverted:hover,
+.f\:d-fc-disabled-inverted:focus,
+.f\:d-fc-disabled-inverted:focus-within,
+.fv\:d-fc-disabled-inverted.focus-visible.js-focus-visible,
+.js-focus-visible .fv\:d-fc-disabled-inverted.focus-visible {
   --fco: 100%;
   color: hsla(var(--black-500-h) var(--black-500-s) var(--black-500-l)  /  var(--fco)) !important;
 }
 .d-fc-black-500,
 .h\:d-fc-black-500:hover,
 .f\:d-fc-black-500:focus,
-.d-fc-muted,
-.h\:d-fc-muted:hover,
-.f\:d-fc-muted:focus,
-.f\:d-fc-muted:focus-within,
-.fv\:d-fc-muted:focus-visible,
 .d-fc-placeholder,
 .h\:d-fc-placeholder:hover,
 .f\:d-fc-placeholder:focus,
 .f\:d-fc-placeholder:focus-within,
 .fv\:d-fc-placeholder:focus-visible,
+.d-fc-placeholder-inverted,
+.h\:d-fc-placeholder-inverted:hover,
+.f\:d-fc-placeholder-inverted:focus,
+.f\:d-fc-placeholder-inverted:focus-within,
+.fv\:d-fc-placeholder-inverted:focus-visible,
 .d-fc-disabled,
 .h\:d-fc-disabled:hover,
 .f\:d-fc-disabled:focus,
 .f\:d-fc-disabled:focus-within,
-.fv\:d-fc-disabled:focus-visible {
+.fv\:d-fc-disabled:focus-visible,
+.d-fc-disabled-inverted,
+.h\:d-fc-disabled-inverted:hover,
+.f\:d-fc-disabled-inverted:focus,
+.f\:d-fc-disabled-inverted:focus-within,
+.fv\:d-fc-disabled-inverted:focus-visible {
   --fco: 100%;
   color: hsla(var(--black-500-h) var(--black-500-s) var(--black-500-l)  /  var(--fco)) !important;
 }
@@ -7760,7 +7771,13 @@ body.theme-dark .d\:d-bgc-black-300 {
 .f\:fc-secondary-inverted:focus,
 .f\:fc-secondary-inverted:focus-within,
 .fv\:fc-secondary-inverted.focus-visible.js-focus-visible,
-.js-focus-visible .fv\:fc-secondary-inverted.focus-visible {
+.js-focus-visible .fv\:fc-secondary-inverted.focus-visible,
+.d-fc-muted-inverted,
+.h\:d-fc-muted-inverted:hover,
+.f\:d-fc-muted-inverted:focus,
+.f\:d-fc-muted-inverted:focus-within,
+.fv\:d-fc-muted-inverted.focus-visible.js-focus-visible,
+.js-focus-visible .fv\:d-fc-muted-inverted.focus-visible {
   --fco: 100%;
   color: hsla(var(--black-200-h) var(--black-200-s) var(--black-200-l)  /  var(--fco)) !important;
 }
@@ -7771,7 +7788,12 @@ body.theme-dark .d\:d-bgc-black-300 {
 .h\:fc-secondary-inverted:hover,
 .f\:fc-secondary-inverted:focus,
 .f\:fc-secondary-inverted:focus-within,
-.fv\:fc-secondary-inverted:focus-visible {
+.fv\:fc-secondary-inverted:focus-visible,
+.d-fc-muted-inverted,
+.h\:d-fc-muted-inverted:hover,
+.f\:d-fc-muted-inverted:focus,
+.f\:d-fc-muted-inverted:focus-within,
+.fv\:d-fc-muted-inverted:focus-visible {
   --fco: 100%;
   color: hsla(var(--black-200-h) var(--black-200-s) var(--black-200-l)  /  var(--fco)) !important;
 }
@@ -10272,7 +10294,24 @@ body.theme-dark .d\:d-bgc-gold-200 {
 }
 .d-fc-gold-100,
 .h\:d-fc-gold-100:hover,
-.f\:d-fc-gold-100:focus {
+.f\:d-fc-gold-100:focus,
+.d-fc-warning-inverted,
+.h\:d-fc-warning-inverted:hover,
+.f\:d-fc-warning-inverted:focus,
+.f\:d-fc-warning-inverted:focus-within,
+.fv\:d-fc-warning-inverted.focus-visible.js-focus-visible,
+.js-focus-visible .fv\:d-fc-warning-inverted.focus-visible {
+  --fco: 100%;
+  color: hsla(var(--gold-100-h) var(--gold-100-s) var(--gold-100-l)  /  var(--fco)) !important;
+}
+.d-fc-gold-100,
+.h\:d-fc-gold-100:hover,
+.f\:d-fc-gold-100:focus,
+.d-fc-warning-inverted,
+.h\:d-fc-warning-inverted:hover,
+.f\:d-fc-warning-inverted:focus,
+.f\:d-fc-warning-inverted:focus-within,
+.fv\:d-fc-warning-inverted:focus-visible {
   --fco: 100%;
   color: hsla(var(--gold-100-h) var(--gold-100-s) var(--gold-100-l)  /  var(--fco)) !important;
 }
@@ -10835,7 +10874,24 @@ body.theme-dark .d\:d-bgc-red-300 {
 }
 .d-fc-red-200,
 .h\:d-fc-red-200:hover,
-.f\:d-fc-red-200:focus {
+.f\:d-fc-red-200:focus,
+.d-fc-critical-inverted,
+.h\:d-fc-critical-inverted:hover,
+.f\:d-fc-critical-inverted:focus,
+.f\:d-fc-critical-inverted:focus-within,
+.fv\:d-fc-critical-inverted.focus-visible.js-focus-visible,
+.js-focus-visible .fv\:d-fc-critical-inverted.focus-visible {
+  --fco: 100%;
+  color: hsla(var(--red-200-h) var(--red-200-s) var(--red-200-l)  /  var(--fco)) !important;
+}
+.d-fc-red-200,
+.h\:d-fc-red-200:hover,
+.f\:d-fc-red-200:focus,
+.d-fc-critical-inverted,
+.h\:d-fc-critical-inverted:hover,
+.f\:d-fc-critical-inverted:focus,
+.f\:d-fc-critical-inverted:focus-within,
+.fv\:d-fc-critical-inverted:focus-visible {
   --fco: 100%;
   color: hsla(var(--red-200-h) var(--red-200-s) var(--red-200-l)  /  var(--fco)) !important;
 }
@@ -11487,7 +11543,33 @@ body.theme-dark .d\:d-bgc-green-300 {
 }
 .d-fc-green-200,
 .h\:d-fc-green-200:hover,
-.f\:d-fc-green-200:focus {
+.f\:d-fc-green-200:focus,
+.d-fc-success-inverted,
+.h\:d-fc-success-inverted:hover,
+.f\:d-fc-success-inverted:focus,
+.f\:d-fc-success-inverted:focus-within,
+.fv\:d-fc-success-inverted.focus-visible.js-focus-visible,
+.js-focus-visible .fv\:d-fc-success-inverted.focus-visible,
+.h\:d-fc-success-inverted:hover,
+.f\:d-fc-success-inverted:focus,
+.f\:d-fc-success-inverted:focus-within,
+.fv\:d-fc-success-inverted.focus-visible.js-focus-visible,
+.js-focus-visible .fv\:d-fc-success-inverted.focus-visible {
+  --fco: 100%;
+  color: hsla(var(--green-200-h) var(--green-200-s) var(--green-200-l)  /  var(--fco)) !important;
+}
+.d-fc-green-200,
+.h\:d-fc-green-200:hover,
+.f\:d-fc-green-200:focus,
+.d-fc-success-inverted,
+.h\:d-fc-success-inverted:hover,
+.f\:d-fc-success-inverted:focus,
+.f\:d-fc-success-inverted:focus-within,
+.fv\:d-fc-success-inverted:focus-visible,
+.h\:d-fc-success-inverted:hover,
+.f\:d-fc-success-inverted:focus,
+.f\:d-fc-success-inverted:focus-within,
+.fv\:d-fc-success-inverted:focus-visible {
   --fco: 100%;
   color: hsla(var(--green-200-h) var(--green-200-s) var(--green-200-l)  /  var(--fco)) !important;
 }
@@ -13140,7 +13222,24 @@ body.theme-dark .d\:d-bgc-black-900 {
 }
 .d-fc-black-800,
 .h\:d-fc-black-800:hover,
-.f\:d-fc-black-800:focus {
+.f\:d-fc-black-800:focus,
+.d-fc-muted,
+.h\:d-fc-muted:hover,
+.f\:d-fc-muted:focus,
+.f\:d-fc-muted:focus-within,
+.fv\:d-fc-muted.focus-visible.js-focus-visible,
+.js-focus-visible .fv\:d-fc-muted.focus-visible {
+  --fco: 100%;
+  color: hsla(var(--black-800-h) var(--black-800-s) var(--black-800-l)  /  var(--fco)) !important;
+}
+.d-fc-black-800,
+.h\:d-fc-black-800:hover,
+.f\:d-fc-black-800:focus,
+.d-fc-muted,
+.h\:d-fc-muted:hover,
+.f\:d-fc-muted:focus,
+.f\:d-fc-muted:focus-within,
+.fv\:d-fc-muted:focus-visible {
   --fco: 100%;
   color: hsla(var(--black-800-h) var(--black-800-s) var(--black-800-l)  /  var(--fco)) !important;
 }
@@ -13386,6 +13485,45 @@ body.theme-dark .d\:d-bgc-black-700 {
 .fv\:d-fc-muted:focus-visible {
   --fco: 50%;
 }
+.d-fc-muted-inverted {
+  --fco: 60%;
+}
+.h\:d-fc-muted-inverted:hover {
+  --fco: 60%;
+}
+.f\:d-fc-muted-inverted:focus {
+  --fco: 60%;
+}
+.f\:d-fc-muted-inverted:focus-within {
+  --fco: 60%;
+}
+.fv\:d-fc-muted-inverted.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-muted-inverted.focus-visible {
+  --fco: 60%;
+}
+.fv\:d-fc-muted-inverted:focus-visible {
+  --fco: 60%;
+}
+.d-fc-success-strong-inverted {
+  color: var(--fc-success-strong-inverted);
+}
+.d-fc-critical-strong-inverted {
+  color: var(--fc-critical-strong-inverted);
+}
+.h\:d-fc-critical-strong-inverted:hover {
+  color: var(--fc-critical-strong-inverted);
+}
+.f\:d-fc-critical-strong-inverted:focus {
+  color: var(--fc-critical-strong-inverted);
+}
+.f\:d-fc-critical-strong-inverted:focus-within {
+  color: var(--fc-critical-strong-inverted);
+}
+.fv\:d-fc-critical-strong-inverted.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-critical-strong-inverted.focus-visible {
+  color: var(--fc-critical-strong-inverted);
+}
+.fv\:d-fc-critical-strong-inverted:focus-visible {
+  color: var(--fc-critical-strong-inverted);
+}
 .d-fc-current {
   color: currentColor !important;
 }
@@ -14064,6 +14202,24 @@ body.theme-dark .d\:d-bgc-black-700 {
 .fv\:d-bc-critical:focus-visible {
   border-color: var(--bc-critical) !important;
 }
+.d-bc-critical-inverted {
+  border-color: var(--bc-critical-inverted) !important;
+}
+.h\:d-bc-critical-inverted:hover {
+  border-color: var(--bc-critical-inverted) !important;
+}
+.f\:d-bc-critical-inverted:focus {
+  border-color: var(--bc-critical-inverted) !important;
+}
+.f\:d-bc-critical-inverted:focus-within {
+  border-color: var(--bc-critical-inverted) !important;
+}
+.fv\:d-bc-critical-inverted.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-critical-inverted.focus-visible {
+  border-color: var(--bc-critical-inverted) !important;
+}
+.fv\:d-bc-critical-inverted:focus-visible {
+  border-color: var(--bc-critical-inverted) !important;
+}
 .d-bc-critical-subtle {
   border-color: var(--bc-critical-subtle) !important;
 }
@@ -14082,6 +14238,24 @@ body.theme-dark .d\:d-bgc-black-700 {
 .fv\:d-bc-critical-subtle:focus-visible {
   border-color: var(--bc-critical-subtle) !important;
 }
+.d-bc-critical-subtle-inverted {
+  border-color: var(--bc-critical-subtle-inverted) !important;
+}
+.h\:d-bc-critical-subtle-inverted:hover {
+  border-color: var(--bc-critical-subtle-inverted) !important;
+}
+.f\:d-bc-critical-subtle-inverted:focus {
+  border-color: var(--bc-critical-subtle-inverted) !important;
+}
+.f\:d-bc-critical-subtle-inverted:focus-within {
+  border-color: var(--bc-critical-subtle-inverted) !important;
+}
+.fv\:d-bc-critical-subtle-inverted.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-critical-subtle-inverted.focus-visible {
+  border-color: var(--bc-critical-subtle-inverted) !important;
+}
+.fv\:d-bc-critical-subtle-inverted:focus-visible {
+  border-color: var(--bc-critical-subtle-inverted) !important;
+}
 .d-bc-critical-strong {
   border-color: var(--bc-critical-strong) !important;
 }
@@ -14100,6 +14274,24 @@ body.theme-dark .d\:d-bgc-black-700 {
 .fv\:d-bc-critical-strong:focus-visible {
   border-color: var(--bc-critical-strong) !important;
 }
+.d-bc-critical-strong-inverted {
+  border-color: var(--bc-critical-strong-inverted) !important;
+}
+.h\:d-bc-critical-strong-inverted:hover {
+  border-color: var(--bc-critical-strong-inverted) !important;
+}
+.f\:d-bc-critical-strong-inverted:focus {
+  border-color: var(--bc-critical-strong-inverted) !important;
+}
+.f\:d-bc-critical-strong-inverted:focus-within {
+  border-color: var(--bc-critical-strong-inverted) !important;
+}
+.fv\:d-bc-critical-strong-inverted.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-critical-strong-inverted.focus-visible {
+  border-color: var(--bc-critical-strong-inverted) !important;
+}
+.fv\:d-bc-critical-strong-inverted:focus-visible {
+  border-color: var(--bc-critical-strong-inverted) !important;
+}
 .d-bc-success {
   border-color: var(--bc-success) !important;
 }
@@ -14118,6 +14310,24 @@ body.theme-dark .d\:d-bgc-black-700 {
 .fv\:d-bc-success:focus-visible {
   border-color: var(--bc-success) !important;
 }
+.d-bc-success-inverted {
+  border-color: var(--bc-success-inverted) !important;
+}
+.h\:d-bc-success-inverted:hover {
+  border-color: var(--bc-success-inverted) !important;
+}
+.f\:d-bc-success-inverted:focus {
+  border-color: var(--bc-success-inverted) !important;
+}
+.f\:d-bc-success-inverted:focus-within {
+  border-color: var(--bc-success-inverted) !important;
+}
+.fv\:d-bc-success-inverted.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-success-inverted.focus-visible {
+  border-color: var(--bc-success-inverted) !important;
+}
+.fv\:d-bc-success-inverted:focus-visible {
+  border-color: var(--bc-success-inverted) !important;
+}
 .d-bc-success-subtle {
   border-color: var(--bc-success-subtle) !important;
 }
@@ -14136,6 +14346,24 @@ body.theme-dark .d\:d-bgc-black-700 {
 .fv\:d-bc-success-subtle:focus-visible {
   border-color: var(--bc-success-subtle) !important;
 }
+.d-bc-success-subtle-inverted {
+  border-color: var(--bc-success-subtle-inverted) !important;
+}
+.h\:d-bc-success-subtle-inverted:hover {
+  border-color: var(--bc-success-subtle-inverted) !important;
+}
+.f\:d-bc-success-subtle-inverted:focus {
+  border-color: var(--bc-success-subtle-inverted) !important;
+}
+.f\:d-bc-success-subtle-inverted:focus-within {
+  border-color: var(--bc-success-subtle-inverted) !important;
+}
+.fv\:d-bc-success-subtle-inverted.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-success-subtle-inverted.focus-visible {
+  border-color: var(--bc-success-subtle-inverted) !important;
+}
+.fv\:d-bc-success-subtle-inverted:focus-visible {
+  border-color: var(--bc-success-subtle-inverted) !important;
+}
 .d-bc-success-strong {
   border-color: var(--bc-success-strong) !important;
 }
@@ -14154,6 +14382,24 @@ body.theme-dark .d\:d-bgc-black-700 {
 .fv\:d-bc-success-strong:focus-visible {
   border-color: var(--bc-success-strong) !important;
 }
+.d-bc-success-strong-inverted {
+  border-color: var(--bc-success-strong-inverted) !important;
+}
+.h\:d-bc-success-strong-inverted:hover {
+  border-color: var(--bc-success-strong-inverted) !important;
+}
+.f\:d-bc-success-strong-inverted:focus {
+  border-color: var(--bc-success-strong-inverted) !important;
+}
+.f\:d-bc-success-strong-inverted:focus-within {
+  border-color: var(--bc-success-strong-inverted) !important;
+}
+.fv\:d-bc-success-strong-inverted.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-success-strong-inverted.focus-visible {
+  border-color: var(--bc-success-strong-inverted) !important;
+}
+.fv\:d-bc-success-strong-inverted:focus-visible {
+  border-color: var(--bc-success-strong-inverted) !important;
+}
 .d-bc-warning {
   border-color: var(--bc-warning) !important;
 }
@@ -14172,6 +14418,24 @@ body.theme-dark .d\:d-bgc-black-700 {
 .fv\:d-bc-warning:focus-visible {
   border-color: var(--bc-warning) !important;
 }
+.d-bc-warning-inverted {
+  border-color: var(--bc-warning-inverted) !important;
+}
+.h\:d-bc-warning-inverted:hover {
+  border-color: var(--bc-warning-inverted) !important;
+}
+.f\:d-bc-warning-inverted:focus {
+  border-color: var(--bc-warning-inverted) !important;
+}
+.f\:d-bc-warning-inverted:focus-within {
+  border-color: var(--bc-warning-inverted) !important;
+}
+.fv\:d-bc-warning-inverted.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-warning-inverted.focus-visible {
+  border-color: var(--bc-warning-inverted) !important;
+}
+.fv\:d-bc-warning-inverted:focus-visible {
+  border-color: var(--bc-warning-inverted) !important;
+}
 .d-bc-warning-subtle {
   border-color: var(--bc-warning-subtle) !important;
 }
@@ -14190,6 +14454,24 @@ body.theme-dark .d\:d-bgc-black-700 {
 .fv\:d-bc-warning-subtle:focus-visible {
   border-color: var(--bc-warning-subtle) !important;
 }
+.d-bc-warning-subtle-inverted {
+  border-color: var(--bc-warning-subtle-inverted) !important;
+}
+.h\:d-bc-warning-subtle-inverted:hover {
+  border-color: var(--bc-warning-subtle-inverted) !important;
+}
+.f\:d-bc-warning-subtle-inverted:focus {
+  border-color: var(--bc-warning-subtle-inverted) !important;
+}
+.f\:d-bc-warning-subtle-inverted:focus-within {
+  border-color: var(--bc-warning-subtle-inverted) !important;
+}
+.fv\:d-bc-warning-subtle-inverted.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-warning-subtle-inverted.focus-visible {
+  border-color: var(--bc-warning-subtle-inverted) !important;
+}
+.fv\:d-bc-warning-subtle-inverted:focus-visible {
+  border-color: var(--bc-warning-subtle-inverted) !important;
+}
 .d-bc-warning-strong {
   border-color: var(--bc-warning-strong) !important;
 }
@@ -14208,6 +14490,24 @@ body.theme-dark .d\:d-bgc-black-700 {
 .fv\:d-bc-warning-strong:focus-visible {
   border-color: var(--bc-warning-strong) !important;
 }
+.d-bc-warning-strong-inverted {
+  border-color: var(--bc-warning-strong-inverted) !important;
+}
+.h\:d-bc-warning-strong-inverted:hover {
+  border-color: var(--bc-warning-strong-inverted) !important;
+}
+.f\:d-bc-warning-strong-inverted:focus {
+  border-color: var(--bc-warning-strong-inverted) !important;
+}
+.f\:d-bc-warning-strong-inverted:focus-within {
+  border-color: var(--bc-warning-strong-inverted) !important;
+}
+.fv\:d-bc-warning-strong-inverted.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-warning-strong-inverted.focus-visible {
+  border-color: var(--bc-warning-strong-inverted) !important;
+}
+.fv\:d-bc-warning-strong-inverted:focus-visible {
+  border-color: var(--bc-warning-strong-inverted) !important;
+}
 .d-bc-brand {
   border-color: var(--bc-brand) !important;
 }
@@ -14226,6 +14526,24 @@ body.theme-dark .d\:d-bgc-black-700 {
 .fv\:d-bc-brand:focus-visible {
   border-color: var(--bc-brand) !important;
 }
+.d-bc-brand-inverted {
+  border-color: var(--bc-brand-inverted) !important;
+}
+.h\:d-bc-brand-inverted:hover {
+  border-color: var(--bc-brand-inverted) !important;
+}
+.f\:d-bc-brand-inverted:focus {
+  border-color: var(--bc-brand-inverted) !important;
+}
+.f\:d-bc-brand-inverted:focus-within {
+  border-color: var(--bc-brand-inverted) !important;
+}
+.fv\:d-bc-brand-inverted.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-brand-inverted.focus-visible {
+  border-color: var(--bc-brand-inverted) !important;
+}
+.fv\:d-bc-brand-inverted:focus-visible {
+  border-color: var(--bc-brand-inverted) !important;
+}
 .d-bc-brand-subtle {
   border-color: var(--bc-brand-subtle) !important;
 }
@@ -14244,6 +14562,24 @@ body.theme-dark .d\:d-bgc-black-700 {
 .fv\:d-bc-brand-subtle:focus-visible {
   border-color: var(--bc-brand-subtle) !important;
 }
+.d-bc-brand-subtle-inverted {
+  border-color: var(--bc-brand-subtle-inverted) !important;
+}
+.h\:d-bc-brand-subtle-inverted:hover {
+  border-color: var(--bc-brand-subtle-inverted) !important;
+}
+.f\:d-bc-brand-subtle-inverted:focus {
+  border-color: var(--bc-brand-subtle-inverted) !important;
+}
+.f\:d-bc-brand-subtle-inverted:focus-within {
+  border-color: var(--bc-brand-subtle-inverted) !important;
+}
+.fv\:d-bc-brand-subtle-inverted.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-brand-subtle-inverted.focus-visible {
+  border-color: var(--bc-brand-subtle-inverted) !important;
+}
+.fv\:d-bc-brand-subtle-inverted:focus-visible {
+  border-color: var(--bc-brand-subtle-inverted) !important;
+}
 .d-bc-brand-strong {
   border-color: var(--bc-brand-strong) !important;
 }
@@ -14262,6 +14598,42 @@ body.theme-dark .d\:d-bgc-black-700 {
 .fv\:d-bc-brand-strong:focus-visible {
   border-color: var(--bc-brand-strong) !important;
 }
+.d-bc-brand-strong-inverted {
+  border-color: var(--bc-brand-strong-inverted) !important;
+}
+.h\:d-bc-brand-strong-inverted:hover {
+  border-color: var(--bc-brand-strong-inverted) !important;
+}
+.f\:d-bc-brand-strong-inverted:focus {
+  border-color: var(--bc-brand-strong-inverted) !important;
+}
+.f\:d-bc-brand-strong-inverted:focus-within {
+  border-color: var(--bc-brand-strong-inverted) !important;
+}
+.fv\:d-bc-brand-strong-inverted.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-brand-strong-inverted.focus-visible {
+  border-color: var(--bc-brand-strong-inverted) !important;
+}
+.fv\:d-bc-brand-strong-inverted:focus-visible {
+  border-color: var(--bc-brand-strong-inverted) !important;
+}
+.d-bc-accent {
+  border-color: var(--bc-accent) !important;
+}
+.h\:d-bc-accent:hover {
+  border-color: var(--bc-accent) !important;
+}
+.f\:d-bc-accent:focus {
+  border-color: var(--bc-accent) !important;
+}
+.f\:d-bc-accent:focus-within {
+  border-color: var(--bc-accent) !important;
+}
+.fv\:d-bc-accent.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-accent.focus-visible {
+  border-color: var(--bc-accent) !important;
+}
+.fv\:d-bc-accent:focus-visible {
+  border-color: var(--bc-accent) !important;
+}
 .d-fco100,
 .h\:d-fco100:hover,
 .f\:d-fco100:focus {
@@ -21693,24 +22065,39 @@ body {
   --fc-tertiary: var(--black-600);
   --fc-tertiary-hsl: var(--black-600-hsl);
   --fc-muted: hsla(var(--black-800-hsl)  /  var(--alpha, 50%));
+  --fc-muted-inverted: hsla(var(--black-200-hsl)  /  var(--alpha, 60%));
   --fc-placeholder: var(--black-500);
   --fc-placeholder-hsl: var(--black-500-hsl);
+  --fc-placeholder-inverted: var(--black-500);
+  --fc-placeholder-inverted-hsl: var(--black-500-hsl);
   --fc-disabled: var(--black-500);
   --fc-disabled-hsl: var(--black-500-hsl);
+  --fc-disabled-inverted: var(--black-500);
+  --fc-disabled-inverted-hsl: var(--black-500-hsl);
   --fc-critical: var(--red-300);
   --fc-critical-strong: var(--red-400);
   --fc-critical-hsl: var(--red-300-hsl);
   --fc-critical-strong-hsl: var(--red-400-hsl);
+  --fc-critical-inverted: var(--red-200);
+  --fc-critical-strong-inverted: hsl(0, 100%, 82%);
+  --fc-critical-inverted-hsl: var(--red-200-hsl);
   --fc-error: var(--fc-critical);
+  --fc-error-inverted: var(--fc-critical-inverted);
   --fc-error-strong: var(--fc-critical-strong);
   --fc-error-hsl: var(--fc-critical-hsl);
+  --fc-error-inverted-hsl: var(--fc-critical-inverted-hsl);
   --fc-error-strong-hsl: var(--fc-critical-strong-hsl);
   --fc-success: var(--green-400);
   --fc-success-strong: var(--green-500);
   --fc-success-hsl: var(--green-400-hsl);
   --fc-success-strong-hsl: var(--green-500-hsl);
+  --fc-success-inverted: var(--green-200);
+  --fc-success-strong-inverted: hsl(113, 100%, 90%);
+  --fc-success-hsl-inverted: var(--green-200-hsl);
   --fc-warning: var(--gold-500);
+  --fc-warning-inverted: var(--gold-100);
   --fc-warning-hsl: var(--gold-500-hsl);
+  --fc-warning-inverted-hsl: var(--gold-100-hsl);
   --fc-warning-hover: var(--black-900);
   --fc-warning-hover-hsl: var(--black-900-hsl);
   --base-color-text: var(--fc-primary);
@@ -21758,10 +22145,6 @@ body {
   --bc-default: rgba(0, 0, 0, 0.18);
   --bc-moderate: rgba(0, 0, 0, 0.34);
   --bc-bold: rgba(0, 0, 0, 0.5);
-  --bc-subtle-inverted: rgba(255, 255, 255, 0.14);
-  --bc-default-inverted: rgba(255, 255, 255, 0.22);
-  --bc-moderate-inverted: rgba(255, 255, 255, 0.38);
-  --bc-bold-inverted: rgba(255, 255, 255, 0.5);
   --bc-focus: var(--blue-300);
   --bc-critical: var(--red-300);
   --bc-critical-subtle: var(--red-200);
@@ -21773,8 +22156,25 @@ body {
   --bc-warning-subtle: var(--gold-200);
   --bc-warning-strong: var(--gold-500);
   --bc-brand: var(--purple-400);
+  --bc-accent: var(--magenta-300);
   --bc-brand-subtle: var(--purple-200);
   --bc-brand-strong: var(--purple-500);
+  --bc-subtle-inverted: rgba(255, 255, 255, 0.14);
+  --bc-default-inverted: rgba(255, 255, 255, 0.22);
+  --bc-moderate-inverted: rgba(255, 255, 255, 0.38);
+  --bc-bold-inverted: rgba(255, 255, 255, 0.5);
+  --bc-critical-inverted: var(--red-200);
+  --bc-critical-subtle-inverted: var(--red-400);
+  --bc-critical-strong-inverted: var(--red-100);
+  --bc-success-inverted: var(--green-200);
+  --bc-success-subtle-inverted: var(--green-400);
+  --bc-success-strong-inverted: var(--green-100);
+  --bc-warning-inverted: var(--gold-200);
+  --bc-warning-subtle-inverted: var(--gold-400);
+  --bc-warning-strong-inverted: var(--gold-100);
+  --bc-brand-inverted: var(--purple-400);
+  --bc-brand-subtle-inverted: var(--purple-500);
+  --bc-brand-strong-inverted: var(--purple-200);
   --zi-hide: -1;
   --zi-base: 0;
   --zi-base1: 1;
@@ -22037,7 +22437,18 @@ body.theme-dark {
   --red-500-l: 94.90196078%;
   --red-500-hsl: var(--red-500-h) var(--red-500-s) var(--red-500-l);
   --red-500: hsla(var(--red-500-h) var(--red-500-s) var(--red-500-l) /  var(--alpha, 100%));
-  --base-color-background: var(--black-200);
+  --base-color-text: var(--black-800);
+  --theme-mention-color-foreground: white;
+  --theme-mention-color-background: var(--purple-300);
+  --base-color-background: var(--bgc-primary);
+  --bc-critical: var(--red-400);
+  --bc-subtle: rgba(255, 255, 255, 0.18);
+  --bc-default: rgba(255, 255, 255, 0.26);
+  --bc-moderate: rgba(255, 255, 255, 0.4);
+  --bc-bold: rgba(255, 255, 255, 0.6);
+  --bgc-moderate-opaque: var(--bgc-moderate);
+  --fc-critical: var(--red-400);
+  --fc-warning: var(--gold-400);
 }
 @media (max-width: 480px) {
 .sm\:d-stack {