@redgate/brand-web-toolkit 0.0.9 → 0.1.0

package/tailwindcss/redgate.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
 @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
 @layer properties;
 @layer theme, base, components, utilities;
@@ -192,7 +192,7 @@
     line-height: 1.5;
     -webkit-text-size-adjust: 100%;
     tab-size: 4;
-    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
     font-feature-settings: var(--default-font-feature-settings, normal);
     font-variation-settings: var(--default-font-variation-settings, normal);
     -webkit-tap-highlight-color: transparent;
@@ -244,7 +244,7 @@
     border-color: inherit;
     border-collapse: collapse;
   }
-  :-moz-focusring {
+  :-moz-focusring:where(:not(iframe)) {
     outline: auto;
   }
   progress {
@@ -333,6 +333,9 @@
   .pointer-events-none {
     pointer-events: none;
   }
+  .visible {
+    visibility: visible;
+  }
   .static {
     position: static;
   }
@@ -354,6 +357,12 @@
       max-width: 96rem;
     }
   }
+  .mb-5 {
+    margin-bottom: var(--spacing-5);
+  }
+  .block {
+    display: block;
+  }
   .contents {
     display: contents;
   }
@@ -375,6 +384,9 @@
   .table {
     display: table;
   }
+  .min-w-0 {
+    min-width: var(--spacing-0);
+  }
   .grow {
     flex-grow: 1;
   }
@@ -384,9 +396,6 @@
   .cursor-pointer {
     cursor: pointer;
   }
-  .flex-col {
-    flex-direction: column;
-  }
   .items-center {
     align-items: center;
   }
@@ -458,6 +467,9 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .wrap-anywhere {
+    overflow-wrap: anywhere;
+  }
   .text-fg-error-secondary {
     color: var(--color-fg-error-secondary);
   }
@@ -482,6 +494,9 @@
   .lowercase {
     text-transform: lowercase;
   }
+  .underline {
+    text-decoration-line: underline;
+  }
   .inset-ring-1 {
     --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -493,85 +508,51 @@
   .inset-ring-border-accent {
     --tw-inset-ring-color: var(--color-border-accent);
   }
-  .hover\:bg-bg-accent-strongest-alt_hover {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-bg-accent-strongest-alt_hover);
-      }
+  @media (hover: hover) {
+    .hover\:bg-bg-accent-strongest-alt_hover:hover {
+      background-color: var(--color-bg-accent-strongest-alt_hover);
     }
-  }
-  .hover\:bg-bg-primary_hover {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-bg-primary_hover);
-      }
+    .hover\:bg-bg-primary_hover:hover {
+      background-color: var(--color-bg-primary_hover);
     }
-  }
-  .hover\:text-text-secondary_hover {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-text-secondary_hover);
-      }
+    .hover\:text-text-secondary_hover:hover {
+      color: var(--color-text-secondary_hover);
     }
-  }
-  .hover\:text-text-tertiary_hover {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-text-tertiary_hover);
-      }
+    .hover\:text-text-tertiary_hover:hover {
+      color: var(--color-text-tertiary_hover);
     }
   }
-  .disabled\:cursor-not-allowed {
-    &:disabled {
-      cursor: not-allowed;
-    }
+  .disabled\:cursor-not-allowed:disabled {
+    cursor: not-allowed;
   }
-  .disabled\:bg-bg-accent-strongest {
-    &:disabled {
-      background-color: var(--color-bg-accent-strongest);
-    }
+  .disabled\:bg-bg-accent-strongest:disabled {
+    background-color: var(--color-bg-accent-strongest);
   }
-  .disabled\:bg-bg-primary {
-    &:disabled {
-      background-color: var(--color-bg-primary);
-    }
+  .disabled\:bg-bg-primary:disabled {
+    background-color: var(--color-bg-primary);
   }
-  .disabled\:text-text-primary_on-accent-strongest-alt {
-    &:disabled {
-      color: var(--color-text-primary_on-accent-strongest-alt);
-    }
+  .disabled\:text-text-primary_on-accent-strongest-alt:disabled {
+    color: var(--color-text-primary_on-accent-strongest-alt);
   }
-  .disabled\:text-text-secondary {
-    &:disabled {
-      color: var(--color-text-secondary);
-    }
+  .disabled\:text-text-secondary:disabled {
+    color: var(--color-text-secondary);
   }
-  .disabled\:text-text-tertiary {
-    &:disabled {
-      color: var(--color-text-tertiary);
-    }
+  .disabled\:text-text-tertiary:disabled {
+    color: var(--color-text-tertiary);
   }
-  .disabled\:opacity-50 {
-    &:disabled {
-      opacity: 50%;
-    }
+  .disabled\:opacity-50:disabled {
+    opacity: 50%;
   }
-  .disabled\:inset-ring-1 {
-    &:disabled {
-      --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
+  .disabled\:inset-ring-1:disabled {
+    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .disabled\:inset-ring-2 {
-    &:disabled {
-      --tw-inset-ring-shadow: inset 0 0 0 2px var(--tw-inset-ring-color, currentcolor);
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
+  .disabled\:inset-ring-2:disabled {
+    --tw-inset-ring-shadow: inset 0 0 0 2px var(--tw-inset-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .disabled\:inset-ring-border-primary {
-    &:disabled {
-      --tw-inset-ring-color: var(--color-border-primary);
-    }
+  .disabled\:inset-ring-border-primary:disabled {
+    --tw-inset-ring-color: var(--color-border-primary);
   }
 }
 @font-face {
@@ -615,152 +596,150 @@
     list-style-type: decimal;
   }
 }
-:root {
-  &:where([data-theme=dark], [data-theme=dark] *) {
-    --color-text-primary: var(--color-gray-25);
-    --color-text-primary_hover: var(--color-gray-50);
-    --color-text-primary_on-accent-subtle: var(--color-red-25);
-    --color-text-primary_on-accent-strong: var(--color-red-25);
-    --color-text-primary_on-accent-strongest: var(--color-red-25);
-    --color-text-primary_on-accent-strongest-alt: var(--color-white);
-    --color-text-secondary: var(--color-gray-100);
-    --color-text-secondary_hover: var(--color-gray-50);
-    --color-text-secondary_on-accent-subtle: var(--color-red-100);
-    --color-text-secondary_on-accent-strong: var(--color-red-50);
-    --color-text-secondary_on-accent-strongest: var(--color-red-50);
-    --color-text-tertiary: var(--color-gray-400);
-    --color-text-tertiary_hover: var(--color-gray-300);
-    --color-text-tertiary_on-accent-subtle: var(--color-red-100);
-    --color-text-tertiary_on-accent-strong: var(--color-red-100);
-    --color-text-tertiary_on-accent-strongest: var(--color-red-100);
-    --color-text-accent-primary: var(--color-red-200);
-    --color-text-accent-primary_hover: var(--color-red-100);
-    --color-text-accent-primary_on-accent-subtle: var(--color-red-100);
-    --color-text-accent-primary_on-accent-strong: var(--color-red-100);
-    --color-text-accent-primary_on-accent-strongest: var(--color-red-100);
-    --color-text-accent-secondary: var(--color-red-200);
-    --color-text-accent-secondary_hover: var(--color-red-200);
-    --color-text-accent-secondary_on-accent-subtle: var(--color-red-200);
-    --color-text-accent-secondary_on-accent-strong: var(--color-red-200);
-    --color-text-accent-secondary_on-accent-strongest: var(--color-red-200);
-    --color-text-accent-tertiary: var(--color-red-300);
-    --color-text-accent-tertiary_on-hover: var(--color-red-300);
-    --color-text-accent-tertiary_on-accent-subtle: var(--color-red-300);
-    --color-text-accent-tertiary_on-accent-strong: var(--color-red-300);
-    --color-text-accent-tertiary_on-accent-strongest: var(--color-red-300);
-    --color-border-primary: var(--color-gray-300);
-    --color-border-primary_on-accent-subtle: var(--color-gray-300);
-    --color-border-primary_on-accent-strong: var(--color-gray-300);
-    --color-border-primary_on-accent-strongest: var(--color-gray-300);
-    --color-border-secondary: var(--color-gray-400);
-    --color-border-secondary_on-accent-subtle: var(--color-gray-400);
-    --color-border-secondary_on-accent-strong: var(--color-gray-400);
-    --color-border-secondary_on-accent-strongest: var(--color-gray-400);
-    --color-border-secondary_alt: 0;
-    --color-border-tertiary: var(--color-gray-500);
-    --color-border-tertiary_on-accent-subtle: var(--color-gray-500);
-    --color-border-tertiary_on-accent-strong: var(--color-gray-500);
-    --color-border-tertiary_on-accent-strongest: var(--color-gray-500);
-    --color-border-accent: var(--color-red-500);
-    --color-border-accent_on-accent-subtle: var(--color-red-200);
-    --color-border-accent_on-accent-strong: var(--color-red-500);
-    --color-border-accent_on-accent-strongest: var(--color-red-500);
-    --color-border-accent_alt: 0;
-    --color-border-accent_interactive: var(--color-blue-400);
-    --color-border-accent-interactive_on-subtle: var(--color-blue-400);
-    --color-border-accent-interactive_on-strong: var(--color-blue-400);
-    --color-border-accent-interactive_on-strongest: var(--color-blue-400);
-    --color-border-error: var(--color-red-400);
-    --color-border-error_subtle: var(--color-red-500);
-    --color-fg-primary: var(--color-white);
-    --color-fg-primary_alt: var(--color-white);
-    --color-fg-primary_on-accent-subtle: var(--color-white);
-    --color-fg-primary_on-accent-strong: var(--color-white);
-    --color-fg-primary_on-accent-strongest: var(--color-white);
-    --color-fg-primary_on-accent-strongest-alt: var(--color-red-25);
-    --color-fg-secondary: var(--color-gray-100);
-    --color-fg-secondary_hover: var(--color-gray-50);
-    --color-fg-secondary_on-accent-subtle: var(--color-red-100);
-    --color-fg-secondary_on-accent-strong: var(--color-red-50);
-    --color-fg-secondary_on-accent-strongest: var(--color-red-50);
-    --color-fg-tertiary: var(--color-gray-400);
-    --color-fg-tertiary_hover: var(--color-gray-300);
-    --color-fg-tertiary_on-accent-subtle: var(--color-red-100);
-    --color-fg-tertiary_on-accent-strong: var(--color-red-100);
-    --color-fg-tertiary_on-accent-strongest: var(--color-red-100);
-    --color-fg-accent-primary: var(--color-red-500);
-    --color-fg-accent-primary_alt: 0;
-    --color-fg-accent-secondary: var(--color-red-500);
-    --color-fg-accent-secondary_alt: 0;
-    --color-fg-accent-secondary_hover: 0;
-    --color-fg-error-primary: var(--color-red-500);
-    --color-fg-error-secondary: var(--color-red-400);
-    --color-fg-warning-primary: var(--color-yellow-500);
-    --color-fg-warning-secondary: var(--color-yellow-400);
-    --color-fg-success-primary: var(--color-green-500);
-    --color-fg-success-secondary: var(--color-green-400);
-    --color-fg-info-primary: var(--color-blue-500);
-    --color-fg-info-secondary: var(--color-blue-400);
-    --color-bg-quaternary: var(--color-gray-700);
-    --color-bg-quaternary-hover: var(--color-gray-700);
-    --color-bg-overlay: var(--color-gray-800);
-    --color-bg-primary: var(--color-gray-950);
-    --color-bg-primary_hover: var(--color-gray-900);
-    --color-bg-primary_on-accent-subtle: var(--color-red-800);
-    --color-bg-primary_alt: var(--color-bg-secondary);
-    --color-bg-primary-static: var(--color-bg-tertiary);
-    --color-bg-secondary: var(--color-gray-900);
-    --color-bg-secondary_hover: var(--color-gray-800);
-    --color-bg-secondary_alt: var(--color-bg-primary);
-    --color-bg-secondary-static: var(--color-gray-600);
-    --color-bg-tertiary: var(--color-gray-800);
-    --color-bg-tertiary-hover: var(--color-gray-700);
-    --color-bg-accent-subtlest: var(--color-red-900);
-    --color-bg-accent-subtlest-hover: var(--color-red-800);
-    --color-bg-accent-subtle: var(--color-red-800);
-    --color-bg-accent-subtle-hover: var(--color-red-700);
-    --color-bg-accent-subtle_alt: var(--color-bg-secondary);
-    --color-bg-accent-strong: var(--color-red-700);
-    --color-bg-accent-strong-hover: var(--color-red-600);
-    --color-bg-accent-strongest: var(--color-red-600);
-    --color-bg-accent-strongest_hover: var(--color-red-700);
-    --color-bg-accent-strongest-alt: var(--color-red-600);
-    --color-bg-accent-strongest-alt_hover: var(--color-red-500);
-    --color-bg-accent-strongest-alt_on-subtle: var(--color-red-600);
-    --color-bg-accent-strongest-alt_on-strong: var(--color-red-600);
-    --color-bg-accent-strongest-alt_on-strongest: var(--color-black);
-    --color-bg-accent-strong-primary-alt: var(--color-red-400);
-    --color-bg-accent-strong-primary-alt-hover: var(--color-red-600);
-    --color-bg-error-primary: var(--color-red-950);
-    --color-bg-error-secondary: var(--color-red-600);
-    --color-bg-error-solid: var(--color-red-600);
-    --color-bg-error-solid_hover: var(--color-red-500);
-    --color-bg-warning-primary: var(--color-yellow-950);
-    --color-bg-warning-secondary: var(--color-yellow-600);
-    --color-bg-warning-solid: var(--color-yellow-600);
-    --color-bg-success-primary: var(--color-green-950);
-    --color-bg-success-secondary: var(--color-green-600);
-    --color-bg-success-solid: var(--color-green-600);
-    --color-focus-ring: var(--color-red-500);
-    --color-focus-ring-error: var(--color-red-500);
-    --color-shadow-xs: var(--color-transparent);
-    --color-shadow-sm_01: var(--color-transparent);
-    --color-shadow-sm_02: var(--color-transparent);
-    --color-shadow-md_01: var(--color-transparent);
-    --color-shadow-md_02: var(--color-transparent);
-    --color-shadow-lg_01: var(--color-transparent);
-    --color-shadow-lg_02: var(--color-transparent);
-    --color-shadow-lg_03: var(--color-transparent);
-    --color-shadow-xl_01: var(--color-transparent);
-    --color-shadow-xl_02: var(--color-transparent);
-    --color-shadow-xl_03: var(--color-transparent);
-    --color-shadow-2xl_01: var(--color-transparent);
-    --color-shadow-2xl_02: var(--color-transparent);
-    --color-shadow-3xl_01: var(--color-transparent);
-    --color-shadow-3xl_02: var(--color-transparent);
-    --color-shadow-skeumorphic-inner: rgba(0, 0, 0, 0.05);
-    --color-shadow-skeumorphic-inner-border: rgba(0, 0, 0, 0.18);
-  }
+:root:where([data-theme=dark], [data-theme=dark] *) {
+  --color-text-primary: var(--color-gray-25);
+  --color-text-primary_hover: var(--color-gray-50);
+  --color-text-primary_on-accent-subtle: var(--color-red-25);
+  --color-text-primary_on-accent-strong: var(--color-red-25);
+  --color-text-primary_on-accent-strongest: var(--color-red-25);
+  --color-text-primary_on-accent-strongest-alt: var(--color-white);
+  --color-text-secondary: var(--color-gray-100);
+  --color-text-secondary_hover: var(--color-gray-50);
+  --color-text-secondary_on-accent-subtle: var(--color-red-100);
+  --color-text-secondary_on-accent-strong: var(--color-red-50);
+  --color-text-secondary_on-accent-strongest: var(--color-red-50);
+  --color-text-tertiary: var(--color-gray-400);
+  --color-text-tertiary_hover: var(--color-gray-300);
+  --color-text-tertiary_on-accent-subtle: var(--color-red-100);
+  --color-text-tertiary_on-accent-strong: var(--color-red-100);
+  --color-text-tertiary_on-accent-strongest: var(--color-red-100);
+  --color-text-accent-primary: var(--color-red-200);
+  --color-text-accent-primary_hover: var(--color-red-100);
+  --color-text-accent-primary_on-accent-subtle: var(--color-red-100);
+  --color-text-accent-primary_on-accent-strong: var(--color-red-100);
+  --color-text-accent-primary_on-accent-strongest: var(--color-red-100);
+  --color-text-accent-secondary: var(--color-red-200);
+  --color-text-accent-secondary_hover: var(--color-red-200);
+  --color-text-accent-secondary_on-accent-subtle: var(--color-red-200);
+  --color-text-accent-secondary_on-accent-strong: var(--color-red-200);
+  --color-text-accent-secondary_on-accent-strongest: var(--color-red-200);
+  --color-text-accent-tertiary: var(--color-red-300);
+  --color-text-accent-tertiary_on-hover: var(--color-red-300);
+  --color-text-accent-tertiary_on-accent-subtle: var(--color-red-300);
+  --color-text-accent-tertiary_on-accent-strong: var(--color-red-300);
+  --color-text-accent-tertiary_on-accent-strongest: var(--color-red-300);
+  --color-border-primary: var(--color-gray-300);
+  --color-border-primary_on-accent-subtle: var(--color-gray-300);
+  --color-border-primary_on-accent-strong: var(--color-gray-300);
+  --color-border-primary_on-accent-strongest: var(--color-gray-300);
+  --color-border-secondary: var(--color-gray-400);
+  --color-border-secondary_on-accent-subtle: var(--color-gray-400);
+  --color-border-secondary_on-accent-strong: var(--color-gray-400);
+  --color-border-secondary_on-accent-strongest: var(--color-gray-400);
+  --color-border-secondary_alt: 0;
+  --color-border-tertiary: var(--color-gray-500);
+  --color-border-tertiary_on-accent-subtle: var(--color-gray-500);
+  --color-border-tertiary_on-accent-strong: var(--color-gray-500);
+  --color-border-tertiary_on-accent-strongest: var(--color-gray-500);
+  --color-border-accent: var(--color-red-500);
+  --color-border-accent_on-accent-subtle: var(--color-red-200);
+  --color-border-accent_on-accent-strong: var(--color-red-500);
+  --color-border-accent_on-accent-strongest: var(--color-red-500);
+  --color-border-accent_alt: 0;
+  --color-border-accent_interactive: var(--color-blue-400);
+  --color-border-accent-interactive_on-subtle: var(--color-blue-400);
+  --color-border-accent-interactive_on-strong: var(--color-blue-400);
+  --color-border-accent-interactive_on-strongest: var(--color-blue-400);
+  --color-border-error: var(--color-red-400);
+  --color-border-error_subtle: var(--color-red-500);
+  --color-fg-primary: var(--color-white);
+  --color-fg-primary_alt: var(--color-white);
+  --color-fg-primary_on-accent-subtle: var(--color-white);
+  --color-fg-primary_on-accent-strong: var(--color-white);
+  --color-fg-primary_on-accent-strongest: var(--color-white);
+  --color-fg-primary_on-accent-strongest-alt: var(--color-red-25);
+  --color-fg-secondary: var(--color-gray-100);
+  --color-fg-secondary_hover: var(--color-gray-50);
+  --color-fg-secondary_on-accent-subtle: var(--color-red-100);
+  --color-fg-secondary_on-accent-strong: var(--color-red-50);
+  --color-fg-secondary_on-accent-strongest: var(--color-red-50);
+  --color-fg-tertiary: var(--color-gray-400);
+  --color-fg-tertiary_hover: var(--color-gray-300);
+  --color-fg-tertiary_on-accent-subtle: var(--color-red-100);
+  --color-fg-tertiary_on-accent-strong: var(--color-red-100);
+  --color-fg-tertiary_on-accent-strongest: var(--color-red-100);
+  --color-fg-accent-primary: var(--color-red-500);
+  --color-fg-accent-primary_alt: 0;
+  --color-fg-accent-secondary: var(--color-red-500);
+  --color-fg-accent-secondary_alt: 0;
+  --color-fg-accent-secondary_hover: 0;
+  --color-fg-error-primary: var(--color-red-500);
+  --color-fg-error-secondary: var(--color-red-400);
+  --color-fg-warning-primary: var(--color-yellow-500);
+  --color-fg-warning-secondary: var(--color-yellow-400);
+  --color-fg-success-primary: var(--color-green-500);
+  --color-fg-success-secondary: var(--color-green-400);
+  --color-fg-info-primary: var(--color-blue-500);
+  --color-fg-info-secondary: var(--color-blue-400);
+  --color-bg-quaternary: var(--color-gray-700);
+  --color-bg-quaternary-hover: var(--color-gray-700);
+  --color-bg-overlay: var(--color-gray-800);
+  --color-bg-primary: var(--color-gray-950);
+  --color-bg-primary_hover: var(--color-gray-900);
+  --color-bg-primary_on-accent-subtle: var(--color-red-800);
+  --color-bg-primary_alt: var(--color-bg-secondary);
+  --color-bg-primary-static: var(--color-bg-tertiary);
+  --color-bg-secondary: var(--color-gray-900);
+  --color-bg-secondary_hover: var(--color-gray-800);
+  --color-bg-secondary_alt: var(--color-bg-primary);
+  --color-bg-secondary-static: var(--color-gray-600);
+  --color-bg-tertiary: var(--color-gray-800);
+  --color-bg-tertiary-hover: var(--color-gray-700);
+  --color-bg-accent-subtlest: var(--color-red-900);
+  --color-bg-accent-subtlest-hover: var(--color-red-800);
+  --color-bg-accent-subtle: var(--color-red-800);
+  --color-bg-accent-subtle-hover: var(--color-red-700);
+  --color-bg-accent-subtle_alt: var(--color-bg-secondary);
+  --color-bg-accent-strong: var(--color-red-700);
+  --color-bg-accent-strong-hover: var(--color-red-600);
+  --color-bg-accent-strongest: var(--color-red-600);
+  --color-bg-accent-strongest_hover: var(--color-red-700);
+  --color-bg-accent-strongest-alt: var(--color-red-600);
+  --color-bg-accent-strongest-alt_hover: var(--color-red-500);
+  --color-bg-accent-strongest-alt_on-subtle: var(--color-red-600);
+  --color-bg-accent-strongest-alt_on-strong: var(--color-red-600);
+  --color-bg-accent-strongest-alt_on-strongest: var(--color-black);
+  --color-bg-accent-strong-primary-alt: var(--color-red-400);
+  --color-bg-accent-strong-primary-alt-hover: var(--color-red-600);
+  --color-bg-error-primary: var(--color-red-950);
+  --color-bg-error-secondary: var(--color-red-600);
+  --color-bg-error-solid: var(--color-red-600);
+  --color-bg-error-solid_hover: var(--color-red-500);
+  --color-bg-warning-primary: var(--color-yellow-950);
+  --color-bg-warning-secondary: var(--color-yellow-600);
+  --color-bg-warning-solid: var(--color-yellow-600);
+  --color-bg-success-primary: var(--color-green-950);
+  --color-bg-success-secondary: var(--color-green-600);
+  --color-bg-success-solid: var(--color-green-600);
+  --color-focus-ring: var(--color-red-500);
+  --color-focus-ring-error: var(--color-red-500);
+  --color-shadow-xs: var(--color-transparent);
+  --color-shadow-sm_01: var(--color-transparent);
+  --color-shadow-sm_02: var(--color-transparent);
+  --color-shadow-md_01: var(--color-transparent);
+  --color-shadow-md_02: var(--color-transparent);
+  --color-shadow-lg_01: var(--color-transparent);
+  --color-shadow-lg_02: var(--color-transparent);
+  --color-shadow-lg_03: var(--color-transparent);
+  --color-shadow-xl_01: var(--color-transparent);
+  --color-shadow-xl_02: var(--color-transparent);
+  --color-shadow-xl_03: var(--color-transparent);
+  --color-shadow-2xl_01: var(--color-transparent);
+  --color-shadow-2xl_02: var(--color-transparent);
+  --color-shadow-3xl_01: var(--color-transparent);
+  --color-shadow-3xl_02: var(--color-transparent);
+  --color-shadow-skeumorphic-inner: rgba(0, 0, 0, 0.05);
+  --color-shadow-skeumorphic-inner-border: rgba(0, 0, 0, 0.18);
 }
 @property --tw-rotate-x {
   syntax: "*";