@nswds/app 1.110.2 → 1.111.0

package/dist/styles.css

@@ -145,6 +145,7 @@
     --color-primary-900: var(--nsw-blue-900);
     --color-primary-950: var(--nsw-blue-950);
     --color-accent-50: var(--nsw-red-50);
+    --color-accent-100: var(--nsw-red-100);
     --color-accent-200: var(--nsw-red-200);
     --color-accent-400: var(--nsw-red-400);
     --color-accent-500: var(--nsw-red-500);
@@ -169,6 +170,7 @@
     --color-grey-850: var(--nsw-grey-850);
     --color-grey-900: var(--nsw-grey-900);
     --color-grey-950: var(--nsw-grey-950);
+    --color-danger-100: var(--danger-100);
     --color-danger-350: var(--danger-350);
     --color-danger-500: var(--danger-500);
     --color-danger-600: var(--danger-600);
@@ -1835,6 +1837,9 @@
   .min-w-\[var\(--radix-select-trigger-width\)\] {
     min-width: var(--radix-select-trigger-width);
   }
+  .min-w-full {
+    min-width: 100%;
+  }
   .flex-1 {
     flex: 1;
   }
@@ -2241,6 +2246,13 @@
       margin-block-end: calc(calc(var(--spacing) * 9) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .space-y-10 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .space-y-12 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -2788,6 +2800,12 @@
   .bg-\(--color-bg\) {
     background-color: var(--color-bg);
   }
+  .bg-\(--footer-bg\) {
+    background-color: var(--footer-bg);
+  }
+  .bg-\(--footer-border\) {
+    background-color: var(--footer-border);
+  }
   .bg-\(--nsw-card-bg\) {
     background-color: var(--nsw-card-bg);
   }
@@ -3124,6 +3142,13 @@
       background-color: color-mix(in oklab, var(--color-zinc-950) 10%, transparent);
     }
   }
+  .bg-linear-to-b {
+    --tw-gradient-position: to bottom;
+    @supports (background-image: linear-gradient(in lab, red, red)) {
+      --tw-gradient-position: to bottom in oklab;
+    }
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
   .bg-linear-to-t {
     --tw-gradient-position: to top;
     @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -3139,6 +3164,26 @@
     --tw-gradient-from: var(--color-grey-800);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .from-primary-100\/35 {
+    --tw-gradient-from: var(--color-primary-100);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-primary-100) 35%, transparent);
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .via-white {
+    --tw-gradient-via: var(--color-white);
+    --tw-gradient-via-stops:
+      var(--tw-gradient-position),
+      var(--tw-gradient-from) var(--tw-gradient-from-position),
+      var(--tw-gradient-via) var(--tw-gradient-via-position),
+      var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
+  .to-white {
+    --tw-gradient-to: var(--color-white);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .fill-amber-500 {
     fill: var(--color-amber-500);
   }
@@ -3175,9 +3220,6 @@
   .fill-grey-600 {
     fill: var(--color-grey-600);
   }
-  .fill-grey-700 {
-    fill: var(--color-grey-700);
-  }
   .fill-grey-800 {
     fill: var(--color-grey-800);
   }
@@ -3520,6 +3562,9 @@
   .pb-4 {
     padding-bottom: calc(var(--spacing) * 4);
   }
+  .pb-6 {
+    padding-bottom: calc(var(--spacing) * 6);
+  }
   .pb-8 {
     padding-bottom: calc(var(--spacing) * 8);
   }
@@ -3988,6 +4033,12 @@
   .text-\(--btn-text\) {
     color: var(--btn-text);
   }
+  .text-\(--footer-link\) {
+    color: var(--footer-link);
+  }
+  .text-\(--footer-text\) {
+    color: var(--footer-text);
+  }
   .text-\(--nsw-card-text\) {
     color: var(--nsw-card-text);
   }
@@ -4223,6 +4274,12 @@
   .decoration-current {
     text-decoration-color: currentcolor;
   }
+  .decoration-primary-800\/30 {
+    text-decoration-color: var(--color-primary-800);
+    @supports (color: color-mix(in lab, red, red)) {
+      text-decoration-color: color-mix(in oklab, var(--color-primary-800) 30%, transparent);
+    }
+  }
   .decoration-primary-800\/50 {
     text-decoration-color: var(--color-primary-800);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4488,6 +4545,11 @@
   .filter {
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
+  .backdrop-blur {
+    --tw-backdrop-blur: blur(8px);
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  }
   .backdrop-blur-\[1px\] {
     --tw-backdrop-blur: blur(1px);
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
@@ -4823,6 +4885,9 @@
   .\[--btn-bg\:var\(--color-white\)\] {
     --btn-bg: var(--color-white);
   }
+  .\[--btn-bg\:var\(--footer-social\)\] {
+    --btn-bg: var(--footer-social);
+  }
   .\[--btn-border\:var\(--color-accent-600\)\]\/90 {
     --btn-border: var(--color-accent-600);
     @supports (color: color-mix(in lab, red, red)) {
@@ -4904,6 +4969,12 @@
       --btn-hover-overlay: color-mix(in oklab, var(--color-white) 15%, transparent);
     }
   }
+  .\[--btn-hover-overlay\:var\(--footer-social-hover-bg\)\] {
+    --btn-hover-overlay: var(--footer-social-hover-bg);
+  }
+  .\[--btn-icon\:var\(--footer-social\)\] {
+    --btn-icon: var(--footer-social);
+  }
   .\[--btn-text\:var\(--color-grey-800\)\] {
     --btn-text: var(--color-grey-800);
   }
@@ -4913,6 +4984,9 @@
   .\[--btn-text\:white\] {
     --btn-text: white;
   }
+  .\[--btn-transparent\:transparent\] {
+    --btn-transparent: transparent;
+  }
   .\[--cell-size\:--spacing\(8\)\] {
     --cell-size: calc(var(--spacing) * 8);
   }
@@ -4937,6 +5011,192 @@
   .\[--focus-outline\:var\(--color-white\)\] {
     --focus-outline: var(--color-white);
   }
+  .\[--footer-bg\:var\(--color-accent-200\)\] {
+    --footer-bg: var(--color-accent-200);
+  }
+  .\[--footer-bg\:var\(--color-accent-800\)\] {
+    --footer-bg: var(--color-accent-800);
+  }
+  .\[--footer-bg\:var\(--color-danger-600\)\] {
+    --footer-bg: var(--color-danger-600);
+  }
+  .\[--footer-bg\:var\(--color-grey-200\)\] {
+    --footer-bg: var(--color-grey-200);
+  }
+  .\[--footer-bg\:var\(--color-grey-600\)\] {
+    --footer-bg: var(--color-grey-600);
+  }
+  .\[--footer-bg\:var\(--color-grey-800\)\] {
+    --footer-bg: var(--color-grey-800);
+  }
+  .\[--footer-bg\:var\(--color-primary-200\)\] {
+    --footer-bg: var(--color-primary-200);
+  }
+  .\[--footer-bg\:var\(--color-primary-800\)\] {
+    --footer-bg: var(--color-primary-800);
+  }
+  .\[--footer-bg\:var\(--color-white\)\] {
+    --footer-bg: var(--color-white);
+  }
+  .\[--footer-border\:var\(--color-accent-800\)\]\/15 {
+    --footer-border: var(--color-accent-800);
+    @supports (color: color-mix(in lab, red, red)) {
+      --footer-border: color-mix(in oklab, var(--color-accent-800) 15%, transparent);
+    }
+  }
+  .\[--footer-border\:var\(--color-grey-200\)\] {
+    --footer-border: var(--color-grey-200);
+  }
+  .\[--footer-border\:var\(--color-grey-300\)\] {
+    --footer-border: var(--color-grey-300);
+  }
+  .\[--footer-border\:var\(--color-primary-800\)\]\/15 {
+    --footer-border: var(--color-primary-800);
+    @supports (color: color-mix(in lab, red, red)) {
+      --footer-border: color-mix(in oklab, var(--color-primary-800) 15%, transparent);
+    }
+  }
+  .\[--footer-border\:var\(--color-white\)\]\/15 {
+    --footer-border: color-mix(in srgb, #fff 15%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --footer-border: color-mix(in oklab, var(--color-white) 15%, transparent);
+    }
+  }
+  .\[--footer-link-hover-bg\:var\(--color-accent-800\)\]\/10 {
+    --footer-link-hover-bg: var(--color-accent-800);
+    @supports (color: color-mix(in lab, red, red)) {
+      --footer-link-hover-bg: color-mix(in oklab, var(--color-accent-800) 10%, transparent);
+    }
+  }
+  .\[--footer-link-hover-bg\:var\(--color-grey-800\)\]\/10 {
+    --footer-link-hover-bg: var(--color-grey-800);
+    @supports (color: color-mix(in lab, red, red)) {
+      --footer-link-hover-bg: color-mix(in oklab, var(--color-grey-800) 10%, transparent);
+    }
+  }
+  .\[--footer-link-hover-bg\:var\(--color-primary-800\)\]\/10 {
+    --footer-link-hover-bg: var(--color-primary-800);
+    @supports (color: color-mix(in lab, red, red)) {
+      --footer-link-hover-bg: color-mix(in oklab, var(--color-primary-800) 10%, transparent);
+    }
+  }
+  .\[--footer-link-hover-bg\:var\(--color-white\)\]\/10 {
+    --footer-link-hover-bg: color-mix(in srgb, #fff 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --footer-link-hover-bg: color-mix(in oklab, var(--color-white) 10%, transparent);
+    }
+  }
+  .\[--footer-link-hover-text\:var\(--color-accent-800\)\] {
+    --footer-link-hover-text: var(--color-accent-800);
+  }
+  .\[--footer-link-hover-text\:var\(--color-grey-800\)\] {
+    --footer-link-hover-text: var(--color-grey-800);
+  }
+  .\[--footer-link-hover-text\:var\(--color-grey-900\)\] {
+    --footer-link-hover-text: var(--color-grey-900);
+  }
+  .\[--footer-link-hover-text\:var\(--color-primary-800\)\] {
+    --footer-link-hover-text: var(--color-primary-800);
+  }
+  .\[--footer-link-hover-text\:var\(--color-white\)\] {
+    --footer-link-hover-text: var(--color-white);
+  }
+  .\[--footer-link\:var\(--color-accent-800\)\] {
+    --footer-link: var(--color-accent-800);
+  }
+  .\[--footer-link\:var\(--color-grey-600\)\] {
+    --footer-link: var(--color-grey-600);
+  }
+  .\[--footer-link\:var\(--color-grey-700\)\] {
+    --footer-link: var(--color-grey-700);
+  }
+  .\[--footer-link\:var\(--color-primary-800\)\] {
+    --footer-link: var(--color-primary-800);
+  }
+  .\[--footer-link\:var\(--color-white\)\] {
+    --footer-link: var(--color-white);
+  }
+  .\[--footer-muted\:var\(--color-accent-100\)\] {
+    --footer-muted: var(--color-accent-100);
+  }
+  .\[--footer-muted\:var\(--color-accent-700\)\] {
+    --footer-muted: var(--color-accent-700);
+  }
+  .\[--footer-muted\:var\(--color-danger-100\)\] {
+    --footer-muted: var(--color-danger-100);
+  }
+  .\[--footer-muted\:var\(--color-grey-100\)\] {
+    --footer-muted: var(--color-grey-100);
+  }
+  .\[--footer-muted\:var\(--color-grey-600\)\] {
+    --footer-muted: var(--color-grey-600);
+  }
+  .\[--footer-muted\:var\(--color-grey-700\)\] {
+    --footer-muted: var(--color-grey-700);
+  }
+  .\[--footer-muted\:var\(--color-primary-100\)\] {
+    --footer-muted: var(--color-primary-100);
+  }
+  .\[--footer-muted\:var\(--color-primary-700\)\] {
+    --footer-muted: var(--color-primary-700);
+  }
+  .\[--footer-social-hover-bg\:var\(--color-accent-800\)\]\/10 {
+    --footer-social-hover-bg: var(--color-accent-800);
+    @supports (color: color-mix(in lab, red, red)) {
+      --footer-social-hover-bg: color-mix(in oklab, var(--color-accent-800) 10%, transparent);
+    }
+  }
+  .\[--footer-social-hover-bg\:var\(--color-grey-800\)\]\/10 {
+    --footer-social-hover-bg: var(--color-grey-800);
+    @supports (color: color-mix(in lab, red, red)) {
+      --footer-social-hover-bg: color-mix(in oklab, var(--color-grey-800) 10%, transparent);
+    }
+  }
+  .\[--footer-social-hover-bg\:var\(--color-primary-800\)\]\/10 {
+    --footer-social-hover-bg: var(--color-primary-800);
+    @supports (color: color-mix(in lab, red, red)) {
+      --footer-social-hover-bg: color-mix(in oklab, var(--color-primary-800) 10%, transparent);
+    }
+  }
+  .\[--footer-social-hover-bg\:var\(--color-white\)\]\/10 {
+    --footer-social-hover-bg: color-mix(in srgb, #fff 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --footer-social-hover-bg: color-mix(in oklab, var(--color-white) 10%, transparent);
+    }
+  }
+  .\[--footer-social-hover\:var\(--color-grey-900\)\] {
+    --footer-social-hover: var(--color-grey-900);
+  }
+  .\[--footer-social-hover\:var\(--footer-social\)\] {
+    --footer-social-hover: var(--footer-social);
+  }
+  .\[--footer-social\:var\(--color-accent-800\)\] {
+    --footer-social: var(--color-accent-800);
+  }
+  .\[--footer-social\:var\(--color-grey-700\)\] {
+    --footer-social: var(--color-grey-700);
+  }
+  .\[--footer-social\:var\(--color-grey-800\)\] {
+    --footer-social: var(--color-grey-800);
+  }
+  .\[--footer-social\:var\(--color-primary-800\)\] {
+    --footer-social: var(--color-primary-800);
+  }
+  .\[--footer-social\:var\(--color-white\)\] {
+    --footer-social: var(--color-white);
+  }
+  .\[--footer-text\:var\(--color-accent-800\)\] {
+    --footer-text: var(--color-accent-800);
+  }
+  .\[--footer-text\:var\(--color-grey-800\)\] {
+    --footer-text: var(--color-grey-800);
+  }
+  .\[--footer-text\:var\(--color-primary-800\)\] {
+    --footer-text: var(--color-primary-800);
+  }
+  .\[--footer-text\:var\(--color-white\)\] {
+    --footer-text: var(--color-white);
+  }
   .\[--leading-trim-end\:var\(--heading-leading-trim-end\)\] {
     --leading-trim-end: var(--heading-leading-trim-end);
   }
@@ -5308,13 +5568,6 @@
       }
     }
   }
-  .group-hover\:fill-grey-900 {
-    &:is(:where(.group):hover *) {
-      @media (hover: hover) {
-        fill: var(--color-grey-900);
-      }
-    }
-  }
   .group-hover\:text-gray-900 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -6525,6 +6778,13 @@
       }
     }
   }
+  .hover\:bg-\(--footer-link-hover-bg\) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--footer-link-hover-bg);
+      }
+    }
+  }
   .hover\:bg-\[\#f6f6f6\] {
     &:hover {
       @media (hover: hover) {
@@ -6668,6 +6928,13 @@
       }
     }
   }
+  .hover\:text-\(--footer-link-hover-text\) {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--footer-link-hover-text);
+      }
+    }
+  }
   .hover\:text-accent-foreground {
     &:hover {
       @media (hover: hover) {
@@ -6766,6 +7033,13 @@
       }
     }
   }
+  .hover\:decoration-primary-800 {
+    &:hover {
+      @media (hover: hover) {
+        text-decoration-color: var(--color-primary-800);
+      }
+    }
+  }
   .hover\:decoration-2 {
     &:hover {
       @media (hover: hover) {
@@ -7381,6 +7655,16 @@
       }
     }
   }
+  .data-active\:\[--btn-bg\:var\(--footer-social-hover\)\] {
+    &[data-active] {
+      --btn-bg: var(--footer-social-hover);
+    }
+  }
+  .data-active\:\[--btn-icon\:var\(--footer-social-hover\)\] {
+    &[data-active] {
+      --btn-icon: var(--footer-social-hover);
+    }
+  }
   .data-active\:after\:bg-\(--btn-hover-overlay\) {
     &[data-active] {
       &::after {
@@ -7600,6 +7884,16 @@
       }
     }
   }
+  .data-hover\:\[--btn-bg\:var\(--footer-social-hover\)\] {
+    &[data-hover] {
+      --btn-bg: var(--footer-social-hover);
+    }
+  }
+  .data-hover\:\[--btn-icon\:var\(--footer-social-hover\)\] {
+    &[data-hover] {
+      --btn-icon: var(--footer-social-hover);
+    }
+  }
   .data-hover\:after\:bg-\(--btn-hover-overlay\) {
     &[data-hover] {
       &::after {
@@ -10435,6 +10729,11 @@
       padding-inline: calc(var(--spacing) * 8);
     }
   }
+  .lg\:px-10 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 10);
+    }
+  }
   .lg\:px-12 {
     @media (width >= 64rem) {
       padding-inline: calc(var(--spacing) * 12);
@@ -11097,6 +11396,14 @@
       }
     }
   }
+  .dark\:bg-grey-900\/95 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: var(--color-grey-900);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-grey-900) 95%, transparent);
+      }
+    }
+  }
   .dark\:bg-grey-950 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       background-color: var(--color-grey-950);
@@ -11126,6 +11433,11 @@
       }
     }
   }
+  .dark\:bg-primary-200 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      background-color: var(--color-primary-200);
+    }
+  }
   .dark\:bg-primary-500 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       background-color: var(--color-primary-500);
@@ -11241,6 +11553,29 @@
       }
     }
   }
+  .dark\:from-grey-900 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --tw-gradient-from: var(--color-grey-900);
+      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    }
+  }
+  .dark\:via-grey-900 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --tw-gradient-via: var(--color-grey-900);
+      --tw-gradient-via-stops:
+        var(--tw-gradient-position),
+        var(--tw-gradient-from) var(--tw-gradient-from-position),
+        var(--tw-gradient-via) var(--tw-gradient-via-position),
+        var(--tw-gradient-to) var(--tw-gradient-to-position);
+      --tw-gradient-stops: var(--tw-gradient-via-stops);
+    }
+  }
+  .dark\:to-grey-900 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --tw-gradient-to: var(--color-grey-900);
+      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    }
+  }
   .dark\:fill-gray-50 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       fill: var(--color-gray-50);
@@ -11266,11 +11601,6 @@
       fill: var(--color-grey-100);
     }
   }
-  .dark\:fill-grey-200 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      fill: var(--color-grey-200);
-    }
-  }
   .dark\:fill-white {
     &:where([data-theme=dark], [data-theme=dark] *) {
       fill: var(--color-white);
@@ -11431,6 +11761,11 @@
       color: var(--color-grey-700);
     }
   }
+  .dark\:text-grey-900 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      color: var(--color-grey-900);
+    }
+  }
   .dark\:text-muted-foreground {
     &:where([data-theme=dark], [data-theme=dark] *) {
       color: var(--muted-foreground);
@@ -11476,6 +11811,14 @@
       color: var(--color-zinc-400);
     }
   }
+  .dark\:decoration-primary-200\/40 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      text-decoration-color: var(--color-primary-200);
+      @supports (color: color-mix(in lab, red, red)) {
+        text-decoration-color: color-mix(in oklab, var(--color-primary-200) 40%, transparent);
+      }
+    }
+  }
   .dark\:decoration-white\/50 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       text-decoration-color: color-mix(in srgb, #fff 50%, transparent);
@@ -11839,6 +12182,100 @@
       --focus-outline: var(--color-white);
     }
   }
+  .dark\:\[--footer-bg\:var\(--color-accent-800\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --footer-bg: var(--color-accent-800);
+    }
+  }
+  .dark\:\[--footer-bg\:var\(--color-danger-600\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --footer-bg: var(--color-danger-600);
+    }
+  }
+  .dark\:\[--footer-bg\:var\(--color-grey-800\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --footer-bg: var(--color-grey-800);
+    }
+  }
+  .dark\:\[--footer-bg\:var\(--color-primary-800\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --footer-bg: var(--color-primary-800);
+    }
+  }
+  .dark\:\[--footer-bg\:var\(--color-primary-900\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --footer-bg: var(--color-primary-900);
+    }
+  }
+  .dark\:\[--footer-border\:var\(--color-white\)\]\/15 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --footer-border: color-mix(in srgb, #fff 15%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --footer-border: color-mix(in oklab, var(--color-white) 15%, transparent);
+      }
+    }
+  }
+  .dark\:\[--footer-link-hover-bg\:var\(--color-white\)\]\/10 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --footer-link-hover-bg: color-mix(in srgb, #fff 10%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --footer-link-hover-bg: color-mix(in oklab, var(--color-white) 10%, transparent);
+      }
+    }
+  }
+  .dark\:\[--footer-link-hover-text\:var\(--color-white\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --footer-link-hover-text: var(--color-white);
+    }
+  }
+  .dark\:\[--footer-link\:var\(--color-white\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --footer-link: var(--color-white);
+    }
+  }
+  .dark\:\[--footer-muted\:var\(--color-accent-100\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --footer-muted: var(--color-accent-100);
+    }
+  }
+  .dark\:\[--footer-muted\:var\(--color-danger-100\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --footer-muted: var(--color-danger-100);
+    }
+  }
+  .dark\:\[--footer-muted\:var\(--color-grey-100\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --footer-muted: var(--color-grey-100);
+    }
+  }
+  .dark\:\[--footer-muted\:var\(--color-primary-100\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --footer-muted: var(--color-primary-100);
+    }
+  }
+  .dark\:\[--footer-social-hover-bg\:var\(--color-white\)\]\/10 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --footer-social-hover-bg: color-mix(in srgb, #fff 10%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --footer-social-hover-bg: color-mix(in oklab, var(--color-white) 10%, transparent);
+      }
+    }
+  }
+  .dark\:\[--footer-social-hover\:var\(--color-white\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --footer-social-hover: var(--color-white);
+    }
+  }
+  .dark\:\[--footer-social\:var\(--color-white\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --footer-social: var(--color-white);
+    }
+  }
+  .dark\:\[--footer-text\:var\(--color-white\)\] {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      --footer-text: var(--color-white);
+    }
+  }
   .dark\:\[--nsw-card-bg\:var\(--color-grey-850\)\] {
     &:where([data-theme=dark], [data-theme=dark] *) {
       --nsw-card-bg: var(--color-grey-850);
@@ -11982,15 +12419,6 @@
       }
     }
   }
-  .dark\:group-hover\:fill-white {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:is(:where(.group):hover *) {
-        @media (hover: hover) {
-          fill: var(--color-white);
-        }
-      }
-    }
-  }
   .dark\:group-hover\:text-gray-50 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:is(:where(.group):hover *) {
@@ -12159,6 +12587,15 @@
       }
     }
   }
+  .dark\:hover\:border-primary-200 {
+    &:where([data-theme=dark], [data-theme=dark] *) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--color-primary-200);
+        }
+      }
+    }
+  }
   .dark\:hover\:border-white {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:hover {
@@ -12300,15 +12737,6 @@
       }
     }
   }
-  .dark\:hover\:text-grey-300 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      &:hover {
-        @media (hover: hover) {
-          color: var(--color-grey-300);
-        }
-      }
-    }
-  }
   .dark\:hover\:text-grey-400 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       &:hover {