@redgate/brand-web-toolkit 0.0.8 → 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;
@@ -8,6 +8,7 @@
       "Courier New", monospace;
     --text-xl: 20px;
     --text-xl--line-height: var(--line-height-10);
+    --font-weight-semibold: 600;
     --font-weight-bold: 700;
     --default-font-family: var(--font-family-body);
     --default-mono-font-family: var(--font-mono);
@@ -107,6 +108,9 @@
     --spacing-360: 1440px;
     --spacing-400: 1600px;
     --spacing-480: 1920px;
+    --spacing-sm: var(--spacing-1-5);
+    --spacing-lg: var(--spacing-3);
+    --spacing-xl: var(--spacing-4);
     --radius-xxs: 2px;
     --radius-xs: 4px;
     --radius-sm: 6px;
@@ -150,7 +154,13 @@
     --fluid-line-height-max-16: 72;
     --fluid-line-height-min-17: 48;
     --fluid-line-height-max-17: 80;
+    --color-text-primary_on-accent-strongest-alt: var(--color-white);
     --color-text-secondary: var(--color-gray-700);
+    --color-text-secondary_hover: var(--color-gray-950);
+    --color-text-tertiary: var(--color-gray-600);
+    --color-text-tertiary_hover: var(--color-gray-700);
+    --color-border-primary: var(--color-gray-500);
+    --color-border-accent: var(--color-red-600);
     --color-fg-accent-primary: var(--color-red-600);
     --color-fg-accent-secondary: var(--color-red-500);
     --color-fg-error-secondary: var(--color-red-500);
@@ -158,10 +168,15 @@
     --color-fg-success-secondary: var(--color-green-500);
     --color-fg-info-secondary: var(--color-blue-500);
     --color-bg-primary: var(--color-white);
+    --color-bg-primary_hover: var(--color-gray-50);
     --color-bg-secondary: var(--color-gray-50);
     --color-bg-tertiary: var(--color-gray-100);
+    --color-bg-accent-strongest: var(--color-red-600);
+    --color-bg-accent-strongest-alt: var(--color-red-600);
+    --color-bg-accent-strongest-alt_hover: var(--color-red-700);
     --default-font-color: var(--color-text-secondary);
     --default-background-color: var(--color-bg-primary);
+    --radius-button-default: var(--radius-sm);
     --font-family-display: 'Gatebase', sans-serif;
     --font-family-body: 'Roboto', sans-serif;
   }
@@ -177,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;
@@ -229,7 +244,7 @@
     border-color: inherit;
     border-collapse: collapse;
   }
-  :-moz-focusring {
+  :-moz-focusring:where(:not(iframe)) {
     outline: auto;
   }
   progress {
@@ -315,6 +330,12 @@
   }
 }
 @layer utilities {
+  .pointer-events-none {
+    pointer-events: none;
+  }
+  .visible {
+    visibility: visible;
+  }
   .static {
     position: static;
   }
@@ -336,6 +357,12 @@
       max-width: 96rem;
     }
   }
+  .mb-5 {
+    margin-bottom: var(--spacing-5);
+  }
+  .block {
+    display: block;
+  }
   .contents {
     display: contents;
   }
@@ -351,21 +378,45 @@
   .inline {
     display: inline;
   }
+  .inline-flex {
+    display: inline-flex;
+  }
+  .table {
+    display: table;
+  }
+  .min-w-0 {
+    min-width: var(--spacing-0);
+  }
   .grow {
     flex-grow: 1;
   }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
-  .flex-col {
-    flex-direction: column;
+  .cursor-pointer {
+    cursor: pointer;
+  }
+  .items-center {
+    align-items: center;
   }
   .items-start {
     align-items: flex-start;
   }
+  .justify-center {
+    justify-content: center;
+  }
   .gap-5 {
     gap: var(--spacing-5);
   }
+  .gap-sm {
+    gap: var(--spacing-sm);
+  }
+  .overflow-clip {
+    overflow: clip;
+  }
+  .rounded-button-default {
+    border-radius: var(--radius-button-default);
+  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -386,16 +437,39 @@
   .border-fg-warning-secondary {
     border-color: var(--color-fg-warning-secondary);
   }
+  .bg-bg-accent-strongest-alt {
+    background-color: var(--color-bg-accent-strongest-alt);
+  }
+  .bg-bg-primary {
+    background-color: var(--color-bg-primary);
+  }
   .bg-bg-secondary {
     background-color: var(--color-bg-secondary);
   }
   .p-5 {
     padding: var(--spacing-5);
   }
+  .px-xl {
+    padding-inline: var(--spacing-xl);
+  }
+  .py-lg {
+    padding-block: var(--spacing-lg);
+  }
+  .text-md {
+    font-size: var(--text-md);
+    line-height: var(--tw-leading, var(--text-md--line-height));
+  }
   .font-bold {
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
   }
+  .font-semibold {
+    --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);
   }
@@ -408,9 +482,78 @@
   .text-fg-warning-secondary {
     color: var(--color-fg-warning-secondary);
   }
+  .text-text-primary_on-accent-strongest-alt {
+    color: var(--color-text-primary_on-accent-strongest-alt);
+  }
+  .text-text-secondary {
+    color: var(--color-text-secondary);
+  }
+  .text-text-tertiary {
+    color: var(--color-text-tertiary);
+  }
   .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);
+  }
+  .inset-ring-2 {
+    --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);
+  }
+  .inset-ring-border-accent {
+    --tw-inset-ring-color: var(--color-border-accent);
+  }
+  @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 {
+      background-color: var(--color-bg-primary_hover);
+    }
+    .hover\:text-text-secondary_hover:hover {
+      color: var(--color-text-secondary_hover);
+    }
+    .hover\:text-text-tertiary_hover:hover {
+      color: var(--color-text-tertiary_hover);
+    }
+  }
+  .disabled\:cursor-not-allowed:disabled {
+    cursor: not-allowed;
+  }
+  .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\: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-tertiary:disabled {
+    color: var(--color-text-tertiary);
+  }
+  .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-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);
+  }
 }
 @font-face {
   font-family: Gatebase;
@@ -453,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: "*";
@@ -629,6 +770,71 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
@@ -639,6 +845,20 @@
       --tw-skew-y: initial;
       --tw-border-style: solid;
       --tw-font-weight: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
     }
   }
 }