@parto-system-design/ui 1.1.11 → 1.1.17

package/dist/index.css

@@ -48,12 +48,18 @@
 .\!start-auto {
   inset-inline-start: auto !important;
 }
+.start-\(--nav-rail-width\) {
+  inset-inline-start: var(--nav-rail-width);
+}
 .start-1\/2 {
   inset-inline-start: calc(1/2 * 100%);
 }
 .\!end-auto {
   inset-inline-end: auto !important;
 }
+.end-\(--nav-rail-width\) {
+  inset-inline-end: var(--nav-rail-width);
+}
 .top-1\/2 {
   top: calc(1 / 2 * 100%);
 }
@@ -301,6 +307,9 @@
 .max-h-\[300px\] {
   max-height: 300px;
 }
+.max-h-\[min\(24rem\,var\(--radix-select-content-available-height\)\)\] {
+  max-height: min(24rem, var(--radix-select-content-available-height));
+}
 .max-h-full {
   max-height: 100%;
 }
@@ -790,6 +799,10 @@
   border-inline-start-style: var(--tw-border-style);
   border-inline-start-width: var(--borderwidth-xs);
 }
+.border-s-0 {
+  border-inline-start-style: var(--tw-border-style);
+  border-inline-start-width: var(--borderwidth-none);
+}
 .border-s-2 {
   border-inline-start-style: var(--tw-border-style);
   border-inline-start-width: var(--borderwidth-sm);
@@ -802,6 +815,10 @@
   border-inline-end-style: var(--tw-border-style);
   border-inline-end-width: var(--borderwidth-xs);
 }
+.border-e-0 {
+  border-inline-end-style: var(--tw-border-style);
+  border-inline-end-width: var(--borderwidth-none);
+}
 .border-t {
   border-top-style: var(--tw-border-style);
   border-top-width: var(--borderwidth-xs);
@@ -863,9 +880,6 @@
 .border-\[hsl\(var\(--score-excellent\)\/0\.25\)\] {
   border-color: hsl(var(--score-excellent)/0.25);
 }
-.border-\[hsl\(var\(--secondary-default\)\/0\.4\)\] {
-  border-color: hsl(var(--secondary-default)/0.4);
-}
 .border-\[hsl\(var\(--sentiment-mixed\)\/0\.3\)\] {
   border-color: hsl(var(--sentiment-mixed)/0.3);
 }
@@ -935,9 +949,15 @@
 .border-brand {
   border-color: hsl(var(--brand-default));
 }
+.border-brand-200 {
+  border-color: hsl(var(--brand-200));
+}
 .border-brand-300 {
   border-color: hsl(var(--brand-300));
 }
+.border-brand-400 {
+  border-color: hsl(var(--brand-400));
+}
 .border-brand-500 {
   border-color: hsl(var(--brand-500));
 }
@@ -947,12 +967,21 @@
     border-color: color-mix(in oklab, hsl(var(--brand-500)) 75%, transparent);
   }
 }
+.border-brand-600 {
+  border-color: hsl(var(--brand-600));
+}
 .border-button {
   border-color: hsl(var(--border-button-default));
 }
 .border-button-hover {
   border-color: hsl(var(--border-button-hover));
 }
+.border-destructive {
+  border-color: hsl(var(--destructive-default));
+}
+.border-destructive-200 {
+  border-color: hsl(var(--destructive-200));
+}
 .border-destructive-300 {
   border-color: hsl(var(--destructive-300));
 }
@@ -962,12 +991,33 @@
 .border-destructive-500 {
   border-color: hsl(var(--destructive-500));
 }
+.border-destructive-600 {
+  border-color: hsl(var(--destructive-600));
+}
 .border-foreground-light {
   border-color: hsl(var(--foreground-light));
 }
 .border-foreground-muted {
   border-color: hsl(var(--foreground-muted));
 }
+.border-info {
+  border-color: hsl(var(--info-default));
+}
+.border-info-200 {
+  border-color: hsl(var(--info-200));
+}
+.border-info-300 {
+  border-color: hsl(var(--info-300));
+}
+.border-info-400 {
+  border-color: hsl(var(--info-400));
+}
+.border-info-500 {
+  border-color: hsl(var(--info-500));
+}
+.border-info-600 {
+  border-color: hsl(var(--info-600));
+}
 .border-input {
   border-color: hsl(var(--background-control));
 }
@@ -998,9 +1048,33 @@
 .border-stronger {
   border-color: hsl(var(--border-stronger));
 }
+.border-success {
+  border-color: hsl(var(--success-default));
+}
+.border-success-200 {
+  border-color: hsl(var(--success-200));
+}
+.border-success-300 {
+  border-color: hsl(var(--success-300));
+}
+.border-success-400 {
+  border-color: hsl(var(--success-400));
+}
+.border-success-500 {
+  border-color: hsl(var(--success-500));
+}
+.border-success-600 {
+  border-color: hsl(var(--success-600));
+}
 .border-transparent {
   border-color: transparent;
 }
+.border-warning {
+  border-color: hsl(var(--warning-default));
+}
+.border-warning-200 {
+  border-color: hsl(var(--warning-200));
+}
 .border-warning-300 {
   border-color: hsl(var(--warning-300));
 }
@@ -1010,6 +1084,9 @@
 .border-warning-500 {
   border-color: hsl(var(--warning-500));
 }
+.border-warning-600 {
+  border-color: hsl(var(--warning-600));
+}
 .border-s-\[hsl\(var\(--brand-default\)\)\] {
   border-inline-start-color: hsl(var(--brand-default));
 }
@@ -1103,9 +1180,6 @@
 .bg-\[hsl\(var\(--score-excellent-bg\)\)\] {
   background-color: hsl(var(--score-excellent-bg));
 }
-.bg-\[hsl\(var\(--secondary-default\)\/0\.1\)\] {
-  background-color: hsl(var(--secondary-default)/0.1);
-}
 .bg-\[hsl\(var\(--sentiment-mixed\)\)\] {
   background-color: hsl(var(--sentiment-mixed));
 }
@@ -1280,18 +1354,30 @@
 .bg-border-strong {
   background-color: hsl(var(--border-strong));
 }
+.bg-border-stronger\/60 {
+  background-color: hsl(var(--border-stronger));
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, hsl(var(--border-stronger)) 60%, transparent);
+  }
+}
 .bg-brand {
   background-color: hsl(var(--brand-default));
 }
 .bg-brand-200 {
   background-color: hsl(var(--brand-200));
 }
+.bg-brand-300 {
+  background-color: hsl(var(--brand-300));
+}
 .bg-brand-400 {
   background-color: hsl(var(--brand-400));
 }
 .bg-brand-500 {
   background-color: hsl(var(--brand-500));
 }
+.bg-brand-600 {
+  background-color: hsl(var(--brand-600));
+}
 .bg-brand\/10 {
   background-color: hsl(var(--brand-default));
   @supports (color: color-mix(in lab, red, red)) {
@@ -1319,9 +1405,15 @@
 .bg-destructive-300 {
   background-color: hsl(var(--destructive-300));
 }
+.bg-destructive-400 {
+  background-color: hsl(var(--destructive-400));
+}
 .bg-destructive-500 {
   background-color: hsl(var(--destructive-500));
 }
+.bg-destructive-600 {
+  background-color: hsl(var(--destructive-600));
+}
 .bg-destructive\/5 {
   background-color: hsl(var(--destructive-default));
   @supports (color: color-mix(in lab, red, red)) {
@@ -1358,6 +1450,24 @@
     background-color: color-mix(in oklab, hsl(var(--foreground-default)) 2.6%, transparent);
   }
 }
+.bg-info {
+  background-color: hsl(var(--info-default));
+}
+.bg-info-200 {
+  background-color: hsl(var(--info-200));
+}
+.bg-info-300 {
+  background-color: hsl(var(--info-300));
+}
+.bg-info-400 {
+  background-color: hsl(var(--info-400));
+}
+.bg-info-500 {
+  background-color: hsl(var(--info-500));
+}
+.bg-info-600 {
+  background-color: hsl(var(--info-600));
+}
 .bg-input {
   background-color: hsl(var(--background-control));
 }
@@ -1415,6 +1525,24 @@
 .bg-sidebar-border {
   background-color: hsl(var(--border-muted));
 }
+.bg-success {
+  background-color: hsl(var(--success-default));
+}
+.bg-success-200 {
+  background-color: hsl(var(--success-200));
+}
+.bg-success-300 {
+  background-color: hsl(var(--success-300));
+}
+.bg-success-400 {
+  background-color: hsl(var(--success-400));
+}
+.bg-success-500 {
+  background-color: hsl(var(--success-500));
+}
+.bg-success-600 {
+  background-color: hsl(var(--success-600));
+}
 .bg-transparent {
   background-color: transparent;
 }
@@ -1427,9 +1555,21 @@
 .bg-warning-300 {
   background-color: hsl(var(--warning-300));
 }
+.bg-warning-400 {
+  background-color: hsl(var(--warning-400));
+}
 .bg-warning-500 {
   background-color: hsl(var(--warning-500));
 }
+.bg-warning-600 {
+  background-color: hsl(var(--warning-600));
+}
+.bg-warning\/10 {
+  background-color: hsl(var(--warning-default));
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, hsl(var(--warning-default)) 10%, transparent);
+  }
+}
 .bg-gradient-to-b {
   --tw-gradient-position: to bottom in oklab;
   background-image: linear-gradient(var(--tw-gradient-stops));
@@ -1529,8 +1669,8 @@
 .py-\[3px\] {
   padding-block: 3px;
 }
-.ps-\(--nav-rail-width\) {
-  padding-inline-start: var(--nav-rail-width);
+.ps-\[calc\(var\(--nav-rail-width\)\+var\(--app-secondary-width\,0px\)\)\] {
+  padding-inline-start: calc(var(--nav-rail-width) + var(--app-secondary-width,0px));
 }
 .ps-\[calc\(var\(--nav-rail-width\)\+var\(--nav-panel-width\)\)\] {
   padding-inline-start: calc(var(--nav-rail-width) + var(--nav-panel-width));
@@ -1671,9 +1811,6 @@
 .text-\[hsl\(var\(--destructive-default\)\)\] {
   color: hsl(var(--destructive-default));
 }
-.text-\[hsl\(var\(--secondary-default\)\)\] {
-  color: hsl(var(--secondary-default));
-}
 .text-\[hsl\(var\(--sentiment-mixed\)\)\] {
   color: hsl(var(--sentiment-mixed));
 }
@@ -1725,6 +1862,18 @@
 .text-brand {
   color: hsl(var(--brand-default));
 }
+.text-brand-200 {
+  color: hsl(var(--brand-200));
+}
+.text-brand-300 {
+  color: hsl(var(--brand-300));
+}
+.text-brand-400 {
+  color: hsl(var(--brand-400));
+}
+.text-brand-500 {
+  color: hsl(var(--brand-500));
+}
 .text-brand-600 {
   color: hsl(var(--brand-600));
 }
@@ -1743,9 +1892,15 @@
 .text-destructive-200 {
   color: hsl(var(--destructive-200));
 }
+.text-destructive-300 {
+  color: hsl(var(--destructive-300));
+}
 .text-destructive-400 {
   color: hsl(var(--destructive-400));
 }
+.text-destructive-500 {
+  color: hsl(var(--destructive-500));
+}
 .text-destructive-600 {
   color: hsl(var(--destructive-600));
 }
@@ -1776,6 +1931,24 @@
 .text-foreground-muted {
   color: hsl(var(--foreground-muted));
 }
+.text-info {
+  color: hsl(var(--info-default));
+}
+.text-info-200 {
+  color: hsl(var(--info-200));
+}
+.text-info-300 {
+  color: hsl(var(--info-300));
+}
+.text-info-400 {
+  color: hsl(var(--info-400));
+}
+.text-info-500 {
+  color: hsl(var(--info-500));
+}
+.text-info-600 {
+  color: hsl(var(--info-600));
+}
 .text-light {
   color: hsl(var(--foreground-light));
 }
@@ -1791,6 +1964,21 @@
 .text-muted-foreground {
   color: hsl(var(--foreground-muted));
 }
+.text-on-brand {
+  color: hsl(var(--on-brand));
+}
+.text-on-destructive {
+  color: hsl(var(--on-destructive));
+}
+.text-on-info {
+  color: hsl(var(--on-info));
+}
+.text-on-success {
+  color: hsl(var(--on-success));
+}
+.text-on-warning {
+  color: hsl(var(--on-warning));
+}
 .text-popover-foreground {
   color: hsl(var(--foreground-default));
 }
@@ -1815,9 +2003,39 @@
     color: color-mix(in oklab, hsl(var(--foreground-default)) 70%, transparent);
   }
 }
+.text-success {
+  color: hsl(var(--success-default));
+}
+.text-success-200 {
+  color: hsl(var(--success-200));
+}
+.text-success-300 {
+  color: hsl(var(--success-300));
+}
+.text-success-400 {
+  color: hsl(var(--success-400));
+}
+.text-success-500 {
+  color: hsl(var(--success-500));
+}
+.text-success-600 {
+  color: hsl(var(--success-600));
+}
 .text-warning {
   color: hsl(var(--warning-default));
 }
+.text-warning-200 {
+  color: hsl(var(--warning-200));
+}
+.text-warning-300 {
+  color: hsl(var(--warning-300));
+}
+.text-warning-400 {
+  color: hsl(var(--warning-400));
+}
+.text-warning-500 {
+  color: hsl(var(--warning-500));
+}
 .text-warning-600 {
   color: hsl(var(--warning-600));
 }
@@ -2437,9 +2655,9 @@
     border-color: hsl(var(--destructive-500)/0.4);
   }
 }
-.group-\[\.toaster\]\:border-\[hsl\(var\(--secondary-default\)\/0\.4\)\] {
+.group-\[\.toaster\]\:border-\[hsl\(var\(--info-default\)\/0\.4\)\] {
   &:is(:where(.group):is(.toaster) *) {
-    border-color: hsl(var(--secondary-default)/0.4);
+    border-color: hsl(var(--info-default)/0.4);
   }
 }
 .group-\[\.toaster\]\:border-\[hsl\(var\(--warning-500\)\/0\.4\)\] {
@@ -2462,9 +2680,9 @@
     background-color: hsl(var(--destructive-500)/0.06);
   }
 }
-.group-\[\.toaster\]\:bg-\[hsl\(var\(--secondary-default\)\/0\.06\)\] {
+.group-\[\.toaster\]\:bg-\[hsl\(var\(--info-default\)\/0\.06\)\] {
   &:is(:where(.group):is(.toaster) *) {
-    background-color: hsl(var(--secondary-default)/0.06);
+    background-color: hsl(var(--info-default)/0.06);
   }
 }
 .group-\[\.toaster\]\:bg-\[hsl\(var\(--warning-500\)\/0\.06\)\] {
@@ -2487,9 +2705,9 @@
     color: hsl(var(--destructive-600));
   }
 }
-.group-\[\.toaster\]\:text-\[hsl\(var\(--secondary-default\)\)\] {
+.group-\[\.toaster\]\:text-\[hsl\(var\(--info-default\)\)\] {
   &:is(:where(.group):is(.toaster) *) {
-    color: hsl(var(--secondary-default));
+    color: hsl(var(--info-default));
   }
 }
 .group-\[\.toaster\]\:text-\[hsl\(var\(--warning\)\)\] {
@@ -2574,6 +2792,11 @@
     color: hsl(var(--foreground-default));
   }
 }
+.placeholder\:text-foreground-lighter {
+  &::placeholder {
+    color: hsl(var(--foreground-lighter));
+  }
+}
 .placeholder\:text-foreground-muted {
   &::placeholder {
     color: hsl(var(--foreground-muted));
@@ -2771,6 +2994,16 @@
     }
   }
 }
+.hover\:border-brand\/40 {
+  &:hover {
+    @media (hover: hover) {
+      border-color: hsl(var(--brand-default));
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, hsl(var(--brand-default)) 40%, transparent);
+      }
+    }
+  }
+}
 .hover\:border-destructive {
   &:hover {
     @media (hover: hover) {
@@ -3032,10 +3265,10 @@
     }
   }
 }
-.hover\:text-muted-foreground {
+.hover\:text-on-brand {
   &:hover {
     @media (hover: hover) {
-      color: hsl(var(--foreground-muted));
+      color: hsl(var(--on-brand));
     }
   }
 }
@@ -3975,14 +4208,19 @@
     }
   }
 }
+.data-\[state\=checked\]\:bg-on-brand {
+  &[data-state="checked"] {
+    background-color: hsl(var(--on-brand));
+  }
+}
 .data-\[state\=checked\]\:text-foreground {
   &[data-state="checked"] {
     color: hsl(var(--foreground-default));
   }
 }
-.data-\[state\=checked\]\:text-foreground-contrast {
+.data-\[state\=checked\]\:text-on-brand {
   &[data-state="checked"] {
-    color: hsl(var(--foreground-contrast));
+    color: hsl(var(--on-brand));
   }
 }
 .data-\[state\=checked\]\:hover\:bg-brand-600\/90 {
@@ -4128,12 +4366,17 @@
     background-color: hsl(var(--background-surface-200));
   }
 }
+.data-\[state\=on\]\:bg-background {
+  &[data-state="on"] {
+    background-color: hsl(var(--background-default));
+  }
+}
 .data-\[state\=on\]\:bg-primary {
   &[data-state="on"] {
     background-color: hsl(var(--brand-default));
   }
 }
-.data-\[state\=on\]\:text-accent-foreground {
+.data-\[state\=on\]\:text-foreground {
   &[data-state="on"] {
     color: hsl(var(--foreground-default));
   }
@@ -4692,6 +4935,11 @@
     background-color: hsl(var(--destructive-400));
   }
 }
+.dark\:bg-destructive-500 {
+  &:is([data-theme="dark"] *) {
+    background-color: hsl(var(--destructive-500));
+  }
+}
 .dark\:bg-destructive\/10 {
   &:is([data-theme="dark"] *) {
     background-color: hsl(var(--destructive-default));
@@ -4807,6 +5055,20 @@
     }
   }
 }
+.dark\:data-\[state\=checked\]\:hover\:bg-brand-500\/90 {
+  &:is([data-theme="dark"] *) {
+    &[data-state="checked"] {
+      &:hover {
+        @media (hover: hover) {
+          background-color: hsl(var(--brand-500));
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, hsl(var(--brand-500)) 90%, transparent);
+          }
+        }
+      }
+    }
+  }
+}
 .dark\:data-\[state\=open\]\:bg-brand-600\/80 {
   &:is([data-theme="dark"] *) {
     &[data-state="open"] {
@@ -4899,6 +5161,11 @@
     line-height: var(--tw-leading, 1.125rem);
   }
 }
+.\[\&_button\]\:pointer-events-auto {
+  & button {
+    pointer-events: auto;
+  }
+}
 .\[\&_h2\]\:text-xl {
   & h2 {
     font-size: 1.25rem;
@@ -4962,17 +5229,39 @@
     flex-shrink: 0;
   }
 }
+.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-foreground-light {
+  & svg:not([class*='text-']) {
+    color: hsl(var(--foreground-light));
+  }
+}
 .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground {
   & svg:not([class*='text-']) {
     color: hsl(var(--foreground-muted));
   }
 }
+.focus\:\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-foreground {
+  &:focus {
+    & svg:not([class*='text-']) {
+      color: hsl(var(--foreground-default));
+    }
+  }
+}
 .\[\&_tr\]\:border-b {
   & tr {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: var(--borderwidth-xs);
   }
 }
+.\[\&_tr\]\:border-muted {
+  & tr {
+    border-color: hsl(var(--border-muted));
+  }
+}
+.\[\&_tr\]\:border-muted {
+  & tr {
+    border-color: hsl(var(--background-muted));
+  }
+}
 .\[\&_tr\:last-child\]\:border-0 {
   & tr:last-child {
     border-style: var(--tw-border-style);
@@ -5003,6 +5292,11 @@
     width: 100%;
   }
 }
+.\[\&\>\*\]\:flex-1 {
+  &>* {
+    flex: 1;
+  }
+}
 .\[\&\>\*\]\:focus-visible\:relative {
   &>* {
     &:focus-visible {
@@ -5533,8 +5827,8 @@
   --colors-slate-light-alpha-1000: hsla(204.4, 100%, 5.3%, 0.5098039215686274);
   --colors-slate-light-alpha-1100: hsla(205, 100%, 4.7%, 0.5882352941176471);
   --colors-slate-light-alpha-1200: hsla(200, 100%, 2.4%, 0.9294117647058824);
-  --variables-colors-brand-primary: 153.1deg 60.2% 52.7%;
-  --variables-colors-brand-accent: 152.9deg 56.1% 46.5%;
+  --variables-colors-brand-primary: 155deg 70% 36%;
+  --variables-colors-brand-accent: 155deg 65% 44%;
   --spacing-scale: 2px;
   --spacing-xs: 4px;
   --spacing-sm: 8px;
@@ -5638,11 +5932,11 @@
   --code-block-3: 83.8deg 61.6% 48%;
   --code-block-2: 33.1deg 80% 52.9%;
   --code-block-1: 170.6deg 43.2% 51%;
-  --secondary-default: 247.8deg 100% 70%;
-  --secondary-400: 248.3deg 54.5% 25.9%;
-  --secondary-200: 248deg 53.6% 11%;
+  --secondary-default: 0deg 0% 40%;
+  --secondary-400: 0deg 0% 60%;
+  --secondary-200: 0deg 0% 90%;
   --brand-link: 153.4deg 100% 36.7%;
-  --brand-default: 152.9deg 60% 52.9%;
+  --brand-default: 155deg 70% 36%;
   --brand-600: 156.5deg 86.5% 26.1%;
   --brand-500: 155.3deg 78.4% 40%;
   --brand-400: 151.3deg 66.9% 66.9%;
@@ -5658,6 +5952,12 @@
   --warning-alpha-5: hsla(30, 80%, 48%, 0.05);
   --warning-alpha-10: hsla(30, 80%, 48%, 0.1);
   --warning-alpha-20: hsla(30, 80%, 48%, 0.2);
+  --info-alpha-5: hsla(211, 100%, 45%, 0.05);
+  --info-alpha-10: hsla(211, 100%, 45%, 0.1);
+  --info-alpha-20: hsla(211, 100%, 45%, 0.2);
+  --success-alpha-5: hsla(142, 71%, 38%, 0.05);
+  --success-alpha-10: hsla(142, 71%, 38%, 0.1);
+  --success-alpha-20: hsla(142, 71%, 38%, 0.2);
   --warning-default: 30.3deg 80.3% 47.8%;
   --warning-600: 30.3deg 80.3% 47.8%;
   --warning-500: 36.3deg 85.7% 67.1%;
@@ -5670,6 +5970,18 @@
   --destructive-400: 7.1deg 91.3% 91%;
   --destructive-300: 7.1deg 100% 96.7%;
   --destructive-200: 0deg 100% 99.4%;
+  --info-default: 211deg 100% 45%;
+  --info-600: 211deg 100% 40%;
+  --info-500: 211deg 92% 60%;
+  --info-400: 211deg 95% 78%;
+  --info-300: 211deg 100% 91%;
+  --info-200: 211deg 100% 97%;
+  --success-default: 142deg 71% 38%;
+  --success-600: 142deg 72% 33%;
+  --success-500: 142deg 60% 55%;
+  --success-400: 142deg 60% 75%;
+  --success-300: 142deg 65% 90%;
+  --success-200: 142deg 70% 96%;
   --border-stronger: 0deg 0% 56.1%;
   --border-strong: 0deg 0% 83.1%;
   --border-default: 0deg 0% 87.5%;
@@ -5678,8 +5990,8 @@
   --background-surface-400: 0deg 0% 89.8%;
   --background-surface-300: 0deg 0% 92.9%;
   --background-surface-200: 0deg 0% 95.3%;
-  --background-surface-100: 0deg 0% 98.8%;
-  --background-surface-75: 0deg 0% 100%;
+  --background-surface-100: 0deg 0% 100%;
+  --background-surface-75: 0deg 0% 98%;
   --background-alternative-default: 0deg 0% 99.2%;
   --background-alternative-200: 0deg 0% 100%;
   --foreground-contrast: 0deg 0% 98.4%;
@@ -5703,7 +6015,12 @@
   --background-default: 0deg 0% 98.8%;
   --background-200: 0deg 0% 97.3%;
   --foreground-default: 0deg 0% 9%;
-  --chart-1: 153deg 55% 42%;
+  --on-brand: 0deg 0% 98%;
+  --on-warning: 0deg 0% 9%;
+  --on-destructive: 0deg 0% 9%;
+  --on-info: 0deg 0% 9%;
+  --on-success: 0deg 0% 9%;
+  --chart-1: 155deg 65% 38%;
   --chart-2: 198deg 50% 48%;
   --chart-3: 240deg 40% 54%;
   --chart-4: 310deg 38% 52%;
@@ -5737,7 +6054,7 @@
   --emotion-sadness: 230deg 58% 48%;
   --emotion-disgust: 285deg 50% 48%;
   --emotion-neutral: 215deg 8% 52%;
-  --flow-pro-gov: 153deg 55% 42%;
+  --flow-pro-gov: 155deg 65% 38%;
   --flow-internal-critic: 35deg 70% 40%;
   --flow-internal-opponent: 20deg 75% 50%;
   --flow-external-opponent: 355deg 65% 52%;
@@ -5789,11 +6106,11 @@
   --code-block-3: 83.8deg 61.7% 63.1%;
   --code-block-2: 33.2deg 90.3% 75.7%;
   --code-block-1: 170.8deg 43.1% 61.4%;
-  --secondary-default: 247.8deg 80% 68%;
-  --secondary-400: 248deg 55% 32%;
-  --secondary-200: 248deg 50% 15%;
+  --secondary-default: 0deg 0% 70%;
+  --secondary-400: 0deg 0% 40%;
+  --secondary-200: 0deg 0% 22%;
   --brand-link: 155deg 100% 38.6%;
-  --brand-default: 153.1deg 60.2% 52.7%;
+  --brand-default: 155deg 70% 36%;
   --brand-600: 154.9deg 59.5% 70%;
   --brand-500: 154.9deg 100% 19.2%;
   --brand-400: 155.5deg 100% 9.6%;
@@ -5809,6 +6126,12 @@
   --warning-alpha-5: hsla(39, 100%, 43%, 0.05);
   --warning-alpha-10: hsla(39, 100%, 43%, 0.1);
   --warning-alpha-20: hsla(39, 100%, 43%, 0.2);
+  --info-alpha-5: hsla(211, 92%, 62%, 0.05);
+  --info-alpha-10: hsla(211, 92%, 62%, 0.1);
+  --info-alpha-20: hsla(211, 92%, 62%, 0.2);
+  --success-alpha-5: hsla(142, 71%, 45%, 0.05);
+  --success-alpha-10: hsla(142, 71%, 45%, 0.1);
+  --success-alpha-20: hsla(142, 71%, 45%, 0.2);
   --warning-default: 38.9deg 100% 42.9%;
   --warning-600: 38.9deg 100% 42.9%;
   --warning-500: 34.8deg 90.9% 21.6%;
@@ -5821,40 +6144,57 @@
   --destructive-400: 6.7deg 60% 20.6%;
   --destructive-300: 7.5deg 51.3% 15.3%;
   --destructive-200: 10.9deg 23.4% 9.2%;
-  --border-stronger: 0deg 0% 27.1%;
-  --border-strong: 0deg 0% 21.2%;
-  --border-alternative: 0deg 0% 26.7%;
-  --border-control: 0deg 0% 22.4%;
+  --info-default: 211deg 92% 62%;
+  --info-600: 211deg 95% 70%;
+  --info-500: 211deg 70% 32%;
+  --info-400: 211deg 65% 22%;
+  --info-300: 211deg 55% 16%;
+  --info-200: 211deg 50% 11%;
+  --success-default: 142deg 71% 45%;
+  --success-600: 142deg 70% 55%;
+  --success-500: 142deg 50% 30%;
+  --success-400: 142deg 45% 21%;
+  --success-300: 142deg 40% 15%;
+  --success-200: 142deg 38% 10%;
+  --border-stronger: 0deg 0% 32%;
+  --border-strong: 0deg 0% 26%;
+  --border-alternative: 0deg 0% 24%;
+  --border-control: 0deg 0% 26%;
   --border-overlay: 0deg 0% 20%;
-  --border-secondary: 0deg 0% 14.1%;
-  --border-muted: 0deg 0% 14.1%;
-  --border-default: 0deg 0% 18%;
+  --border-secondary: 0deg 0% 16%;
+  --border-muted: 0deg 0% 16%;
+  --border-default: 0deg 0% 22%;
   --background-canvas: 0deg 0% 7.1%;
-  --background-sidebar: 0deg 0% 9%;
-  --background-dialog-default: 0deg 0% 7.1%;
-  --background-muted: 0deg 0% 14.1%;
-  --background-overlay-hover: 0deg 0% 18%;
-  --background-overlay-default: 0deg 0% 14.1%;
-  --background-surface-400: 0deg 0% 16.1%;
-  --background-surface-300: 0deg 0% 16.1%;
-  --background-surface-200: 0deg 0% 12.9%;
-  --background-surface-100: 0deg 0% 12.2%;
-  --background-surface-75: 0deg 0% 9%;
-  --background-control: 0deg 0% 14.1%;
-  --background-selection: 0deg 0% 19.2%;
-  --background-alternative-default: 0deg 0% 5.9%;
+  --background-sidebar: 0deg 0% 10%;
+  --background-dialog-default: 0deg 0% 12%;
+  --background-muted: 0deg 0% 19%;
+  --background-overlay-hover: 0deg 0% 22%;
+  --background-overlay-default: 0deg 0% 18%;
+  --background-surface-400: 0deg 0% 26%;
+  --background-surface-300: 0deg 0% 22%;
+  --background-surface-200: 0deg 0% 19%;
+  --background-surface-100: 0deg 0% 15%;
+  --background-surface-75: 0deg 0% 10%;
+  --background-control: 0deg 0% 19%;
+  --background-selection: 0deg 0% 22%;
+  --background-alternative-default: 0deg 0% 12%;
   --background-default: 0deg 0% 7.1%;
-  --background-200: 0deg 0% 9%;
+  --background-200: 0deg 0% 10%;
   --foreground-contrast: 0deg 0% 8.6%;
   --foreground-muted: 0deg 0% 30.2%;
-  --foreground-lighter: 0deg 0% 53.7%;
-  --foreground-light: 0deg 0% 70.6%;
+  --foreground-lighter: 0deg 0% 65%;
+  --foreground-light: 0deg 0% 80%;
   --foreground-default: 0deg 0% 98%;
+  --on-brand: 0deg 0% 98%;
+  --on-warning: 0deg 0% 9%;
+  --on-destructive: 0deg 0% 9%;
+  --on-info: 0deg 0% 9%;
+  --on-success: 0deg 0% 9%;
   --border-button-hover: var(--colors-gray-dark-800);
   --border-button-default: var(--colors-gray-dark-700);
   --background-button-default: var(--colors-gray-dark-500);
   --background-alternative-200: var(--colors-gray-dark-200);
-  --chart-1: 153deg 60% 54%;
+  --chart-1: 155deg 60% 50%;
   --chart-2: 198deg 55% 60%;
   --chart-3: 240deg 45% 66%;
   --chart-4: 310deg 43% 64%;
@@ -5888,7 +6228,7 @@
   --emotion-sadness: 230deg 63% 62%;
   --emotion-disgust: 285deg 55% 62%;
   --emotion-neutral: 215deg 13% 64%;
-  --flow-pro-gov: 153deg 60% 54%;
+  --flow-pro-gov: 155deg 60% 50%;
   --flow-internal-critic: 35deg 70% 60%;
   --flow-internal-opponent: 20deg 80% 62%;
   --flow-external-opponent: 355deg 70% 64%;
@@ -5951,7 +6291,7 @@
     --popover: var(--background-overlay-default);
     --popover-foreground: var(--foreground-default);
     --primary: var(--brand-default);
-    --primary-foreground: var(--foreground-contrast);
+    --primary-foreground: var(--on-brand);
     --secondary: var(--background-surface-200);
     --secondary-foreground: var(--foreground-default);
     --muted: var(--background-muted);
@@ -5959,7 +6299,7 @@
     --accent: var(--background-surface-200);
     --accent-foreground: var(--foreground-default);
     --destructive: var(--destructive-default);
-    --destructive-foreground: var(--foreground-contrast);
+    --destructive-foreground: var(--on-destructive);
     --border: var(--border-default);
     --input: var(--border-control);
     --ring: var(--brand-default);
@@ -6307,14 +6647,6 @@
   direction: rtl !important;
   text-align: start !important;
 }
-[dir='rtl'] input[type='email'], [dir='rtl'] input[type='url'], [dir='rtl'] input[type='tel'], [dir='rtl'] input[type='number'], [dir='rtl'] input[type='password'], [dir='rtl'] input[inputmode='numeric'] {
-  direction: rtl;
-  text-align: start;
-}
-[dir='rtl'] input[type='email']:not(:placeholder-shown), [dir='rtl'] input[type='url']:not(:placeholder-shown), [dir='rtl'] input[type='tel']:not(:placeholder-shown), [dir='rtl'] input[type='number']:not(:placeholder-shown), [dir='rtl'] input[type='password']:not(:placeholder-shown), [dir='rtl'] input[inputmode='numeric']:not(:placeholder-shown) {
-  direction: ltr !important;
-  text-align: left !important;
-}
 @layer base {
   .nivo-chart {
     --nivo-background: hsl(var(--background));
@@ -6409,6 +6741,15 @@
   .text-brand {
     color: hsl(var(--brand-default));
   }
+  .text-on-brand {
+    color: hsl(var(--on-brand));
+  }
+  .text-on-warning {
+    color: hsl(var(--on-warning));
+  }
+  .text-on-destructive {
+    color: hsl(var(--on-destructive));
+  }
   .text-foreground {
     color: hsl(var(--foreground-default));
   }