@wwtdev/bsds-css 2.33.0 → 2.33.2

package/dist/wwt-bsds-tokens.css

@@ -1,783 +0,0 @@
-/* Tokens */
-/* VARIABLES GENERATED USING TAILWIND CONFIG */
-/* DO NOT EDIT THIS FILE DIRECTLY */
-/* Config location: packages/css-framework/src/wwt-bsds-preset.js */
-:root {
-  --bs-transparent: transparent;
-  --bs-inherit: inherit;
-  --bs-current: currentColor;
-  --bs-white: #ffffff;
-  --bs-white-10: rgba(255, 255, 255, 0.1);
-  --bs-black: #0a0b19;
-  --bs-blue-10: rgba(102, 182, 242, 0.1);
-  --bs-blue-100: #99cff7;
-  --bs-blue-200: #66b6f2;
-  --bs-blue-300: #339eee;
-  --bs-blue-400: #0086ea;
-  --bs-blue-500: #006dc7;
-  --bs-charcoal-100: #f5f5f6;
-  --bs-charcoal-200: #ececec;
-  --bs-charcoal-300: #b3b5b8;
-  --bs-charcoal-400: #5f6266;
-  --bs-charcoal-500: #40454d;
-  --bs-cobalt-10: rgba(148, 139, 225, 0.1);
-  --bs-cobalt-100: #c9c5f0;
-  --bs-cobalt-200: #948be1;
-  --bs-cobalt-300: #5f52d3;
-  --bs-cobalt-400: #2918c4;
-  --bs-gold-100: #f9f5f1;
-  --bs-gold-200: #ebdfd4;
-  --bs-gold-300: #e0c7ac;
-  --bs-gold-400: #cca175;
-  --bs-gold-500: #997958;
-  --bs-gray-50: #f7f7fc;
-  --bs-gray-100: #f0f0fa;
-  --bs-gray-150: #e4e4eb;
-  --bs-gray-200: #c9cad9;
-  --bs-gray-300: #a3a4b7;
-  --bs-gray-400: #4e4f5f;
-  --bs-gray-500: #292940;
-  --bs-green-10: rgba(57, 162, 131, 0.1);
-  --bs-green-100: #abcfcc;
-  --bs-green-200: #72b9a8;
-  --bs-green-300: #39a283;
-  --bs-green-400: #008b5d;
-  --bs-green-500: #00744d;
-  --bs-maroon-10: rgba(195, 91, 91, 0.1);
-  --bs-maroon-100: #ebc8c8;
-  --bs-maroon-200: #d79191;
-  --bs-maroon-300: #c35b5b;
-  --bs-maroon-400: #af2424;
-  --bs-maroon-500: #a70c0c;
-  --bs-midnight-10: rgba(141, 137, 177, 0.1);
-  --bs-midnight-100: #c6c4d8;
-  --bs-midnight-200: #8d89b1;
-  --bs-midnight-300: #494382;
-  --bs-midnight-400: #1c1463;
-  --bs-navy-10: rgba(141, 142, 161, 0.1);
-  --bs-navy-100: #c6c6d1;
-  --bs-navy-200: #8d8ea1;
-  --bs-navy-300: #555775;
-  --bs-navy-400: #1d1e48;
-  --bs-orange-10: rgba(247, 161, 123, 0.1);
-  --bs-orange-100: #f3c4a8;
-  --bs-orange-200: #f7a17b;
-  --bs-orange-300: #f97c4c;
-  --bs-orange-400: #fb550e;
-  --bs-orange-500: #c33d04;
-  --bs-orange-brand: #ff5100;
-  --bs-orchid-10: rgba(190, 128, 255, 0.1);
-  --bs-orchid-100: #debfff;
-  --bs-orchid-200: #be80ff;
-  --bs-orchid-300: #9d40ff;
-  --bs-orchid-400: #7d00ff;
-  --bs-pink-10: rgba(235, 126, 175, 0.1);
-  --bs-pink-100: #f6cbe0;
-  --bs-pink-200: #eb7eaf;
-  --bs-pink-300: #e45e9b;
-  --bs-pink-400: #e31c79;
-  --bs-pink-500: #d11a6f;
-  --bs-plum-10: rgba(119, 102, 183, 0.1);
-  --bs-plum-100: #a499cf;
-  --bs-plum-200: #7766b7;
-  --bs-plum-300: #49339f;
-  --bs-plum-400: #1c0087;
-  --bs-purple-10: rgba(191, 138, 223, 0.1);
-  --bs-purple-100: #e0c5ef;
-  --bs-purple-200: #bf8adf;
-  --bs-purple-300: #a154d0;
-  --bs-purple-400: #8212c4;
-  --bs-red-10: rgba(245, 126, 127, 0.1);
-  --bs-red-100: #f8a9aa;
-  --bs-red-200: #f57e7f;
-  --bs-red-300: #f15355;
-  --bs-red-400: #ee282a;
-  --bs-red-500: #d91214;
-  --bs-royal-10: rgba(117, 133, 209, 0.1);
-  --bs-royal-100: #c5cceb;
-  --bs-royal-200: #7585d1;
-  --bs-royal-300: #5365c4;
-  --bs-royal-400: #162fb4;
-  --bs-slate-400: #22222e;
-  --bs-slate-500: #17171f;
-  --bs-slate-600: #0b0b10;
-  --bs-violet-10: rgba(153, 131, 182, 0.1);
-  --bs-violet-100: #cbc0da;
-  --bs-violet-200: #9983b6;
-  --bs-violet-300: #634291;
-  --bs-violet-400: #330072;
-  --bs-yellow-10: rgba(255, 184, 52, 0.1);
-  --bs-yellow-100: #fdeed3;
-  --bs-yellow-200: #fcdea7;
-  --bs-yellow-300: #f8c464;
-  --bs-yellow-400: #ffb834;
-  --bs-yellow-450: #c18300;
-  --bs-yellow-500: #805a14;
-  --bs-shadow-primary: rgba(0, 0, 0, 0.06);
-  --bs-shadow-secondary: rgba(28, 0, 135, 0.2);
-  --bs-gradient-dark: linear-gradient(
-    90deg,
-    #1c0087 0%,
-    #ee282a 35%,
-    #ffffff 50%,
-    #0086ea 65%,
-    #1c0087 100%
-  );
-  --bs-gradient-light: linear-gradient(
-    90deg,
-    #1c0087 0%,
-    #ee282a 20%,
-    #ee282a 40%,
-    #1c0087 50%,
-    #0086ea 60%,
-    #0086ea 80%,
-    #1c0087 100%
-  );
-  --bs-gradient-line: linear-gradient(
-    90deg,
-    #ee282a 0%,
-    #1c0087 50%,
-    #0086ea 100%
-  );
-  --bs-gradient-atom-ai-border: conic-gradient(
-    from 180deg at 50% 50%,
-    var(--bs-royal-400) -96.8deg,
-    var(--bs-pink-400) 74.2deg,
-    var(--bs-blue-400) 98.8deg,
-    var(--bs-orange-400) 259.6deg,
-    var(--bs-royal-400) 283.2deg,
-    var(--bs-pink-400) 414.4deg
-  );
-  --bs-gradient-atom-ai-bg: conic-gradient(
-    from 180deg at 50% 50%,
-    rgba(22, 47, 180, 0.05) -96.8deg,
-    rgba(227, 28, 121, 0.05) 74.2deg,
-    rgba(0, 134, 234, 0.05) 98.8deg,
-    rgba(251, 85, 14, 0.05) 259.6deg,
-    rgba(22, 47, 180, 0.05) 283.2deg,
-    rgba(227, 28, 121, 0.05) 414.4deg
-  );
-  --bs-gradient-blue-top-left: radial-gradient(
-    312.54% 141.42% at 0% 0%,
-    #162fb4 0%,
-    #1d1e48 100%
-  );
-  --bs-gradient-blue-top-center: radial-gradient(
-    201.14% 201.14% at 50% -51.28%,
-    #162fb4 26.06%,
-    #1d1e48 100%
-  );
-  --bs-gradient-blue-top-right: radial-gradient(
-    312.54% 141.42% at 100% 0%,
-    #162fb4 0%,
-    #1d1e48 100%
-  );
-  --bs-gradient-blue-mid-left: radial-gradient(
-    347.1% 117.22% at -9.27% 49.86%,
-    #162fb4 8.19%,
-    #1d1e48 100%
-  );
-  --bs-gradient-blue-mid-right: radial-gradient(
-    347.1% 117.22% at 109.27% 49.86%,
-    #162fb4 8.19%,
-    #1d1e48 100%
-  );
-  --bs-gradient-blue-center: radial-gradient(
-    172.57% 58.28% at 50% 49.86%,
-    #162fb4 0%,
-    #1d1e48 100%
-  );
-  --bs-gradient-blue-bottom-left: radial-gradient(
-    312.54% 141.42% at 0% 100%,
-    #162fb4 0%,
-    #1d1e48 100%
-  );
-  --bs-gradient-blue-bottom-center: radial-gradient(
-    201.14% 201.14% at 50% 151.28%,
-    #162fb4 26.06%,
-    #1d1e48 100%
-  );
-  --bs-gradient-blue-bottom-right: radial-gradient(
-    312.54% 141.42% at 100% 100%,
-    #162fb4 0%,
-    #1d1e48 100%
-  );
-  --bs-gradient-light-blue-transparent: radial-gradient(
-    236% 114.71% at 94.24% 7.6%,
-    rgba(153, 207, 247, 0.2) 0%,
-    rgba(203, 192, 218, 0.08) 100%
-  );
-  --bs-gradient-light-blue-opaque: linear-gradient(
-    311deg,
-    #ebf7ff 9.29%,
-    #fbfafc 92%
-  );
-  --bs-gradient-light-gray: linear-gradient(
-    180deg,
-    #f7f7fc 24.82%,
-    #f0f0fa 100%
-  );
-  --bs-gradient-softchoice-light: linear-gradient(
-    252deg,
-    rgba(255, 81, 0, 0.15) 66.87%,
-    rgba(125, 0, 255, 0.15) 97.9%
-  );
-  --bs-gradient-softchoice-dark: linear-gradient(
-    252deg,
-    #ff5100 66.87%,
-    #7d00ff 97.9%
-  );
-  --bs-space-0: var(--bs-space-none);
-  --bs-space-1: var(--bs-space-3xs);
-  --bs-space-2: var(--bs-space-2xs);
-  --bs-space-3: var(--bs-space-xs);
-  --bs-space-4: var(--bs-space-sm);
-  --bs-space-6: var(--bs-space-md);
-  --bs-space-8: var(--bs-space-lg);
-  --bs-space-12: var(--bs-space-xl);
-  --bs-space-16: var(--bs-space-2xl);
-  --bs-space-24: var(--bs-space-3xl);
-  --bs-space-32: var(--bs-space-4xl);
-  --bs-space-none: 0;
-  --bs-space-3xs: 0.25rem;
-  --bs-space-2xs: 0.5rem;
-  --bs-space-xs: 0.75rem;
-  --bs-space-sm: 1rem;
-  --bs-space-md: 1.5rem;
-  --bs-space-lg: 2rem;
-  --bs-space-xl: 3rem;
-  --bs-space-2xl: 4rem;
-  --bs-space-3xl: 6rem;
-  --bs-space-4xl: 8rem;
-  --bs-text-xs: 0.75rem;
-  --bs-text-sm: 0.875rem;
-  --bs-text-base: 1rem;
-  --bs-text-md: 1.125rem;
-  --bs-text-lg: 1.25rem;
-  --bs-text-xl: 1.5rem;
-  --bs-text-2xl: 1.75rem;
-  --bs-text-3xl: 2rem;
-  --bs-text-4xl: 2.25rem;
-  --bs-text-5xl: 2.625rem;
-  --bs-text-6xl: 3rem;
-  --bs-font-light: 300;
-  --bs-font-normal: 400;
-  --bs-font-semibold: 600;
-  --bs-leading-none: 1;
-  --bs-leading-sm: 1.1;
-  --bs-leading-regular: 1.3;
-  --bs-leading-lg: 1.5;
-  --bs-shadow-contentLow: -4px 4px 12px var(--bs-shadow-primary),
-    -8px 8px 16px var(--bs-shadow-secondary);
-  --bs-shadow-contentLowCenter: 0px 0px 12px var(--bs-shadow-primary),
-    0px 0px 16px var(--bs-shadow-secondary);
-  --bs-shadow-contentMedium: -8px 8px 24px var(--bs-shadow-primary),
-    -16px 16px 32px var(--bs-shadow-secondary);
-  --bs-shadow-contentHigh: 0px 16px 48px var(--bs-shadow-primary),
-    0px 32px 64px var(--bs-shadow-secondary);
-  --bs-shadow-drawerLeft: -12px 12px 24px var(--bs-shadow-primary),
-    -16px 16px 32px var(--bs-shadow-secondary);
-  --bs-shadow-drawerRight: -12px 12px 24px var(--bs-shadow-primary),
-    16px 16px 32px var(--bs-shadow-secondary);
-  --bs-shadow-profilePhoto: inset 0px 0px 0.5em var(--bs-shadow-secondary);
-}
-/* Overrides/additions to the generated tokens */
-:root {
-  /* Transitions */
-  --bs-transition-quick: 75ms;
-  --bs-transition-fast: 100ms;
-  --bs-transition-moderate: 150ms;
-  --bs-transition-medium: 200ms;
-  --bs-transition-slow: 250ms;
-  --bs-transition-leisurely: 300ms;
-  --bs-transition-long: 500ms;
-  --bs-transition-ease: ease-in-out;
-  --bs-transition-cubic: cubic-bezier(.15, .4, .49, 1);
-
-  /* Navigation */
-  --bs-horizontal-nav-height: 48px;
-  --bs-vertical-nav-narrow-width: 4.5rem;
-  --bs-vertical-nav-width: 9.875rem;
-  --bs-vertical-nav-collapsed-width: 4rem;
-  /* Dynamic width set by the navigation component for page layout */
-  --bs-page-nav-width: 0px;
-
-  /* Table */
-  --bs-table-cell-padding-xs: var(--bs-space-2);
-  --bs-table-cell-padding-sm: var(--bs-space-3);
-  --bs-table-cell-padding-md: var(--bs-space-4);
-  --bs-table-cell-padding-lg: var(--bs-space-6);
-  --bs-table-cell-padding-xl: var(--bs-space-8);
-
-  /* Popover */
-  --bs-popover-z-index: 1000;
-}
-/* Themes */
-:root {
-  /* Ink */
-  --bs-ink-base: var(--bs-black);
-  --bs-ink-medium: var(--bs-gray-500);
-  --bs-ink-light: var(--bs-gray-400);
-  --bs-ink-disabled: rgba(78, 79, 95, 0.6); /* --bs-gray-400 at .6 */
-  --bs-ink-invert-base: var(--bs-white);
-  --bs-ink-invert-medium: var(--bs-gray-100);
-  --bs-ink-invert-light: var(--bs-gray-200);
-  --bs-ink-primary: var(--bs-blue-500);
-  --bs-ink-secondary: var(--bs-plum-400);
-  --bs-ink-accent-1: var(--bs-royal-400);
-  --bs-ink-accent-2: var(--bs-violet-400);
-  --bs-ink-accent-3: var(--bs-pink-500);
-  --bs-ink-negative: var(--bs-red-500);
-  --bs-ink-ecomm-positive: var(--bs-green-500);
-  --bs-ink-positive: var(--bs-purple-400);
-  --bs-ink-warning: var(--bs-orange-500);
-  --bs-ink-white: var(--bs-white);
-
-  /* Background */
-  --bs-bg-base: var(--bs-white);
-  --bs-bg-light: var(--bs-gray-50);
-  --bs-bg-medium: var(--bs-gray-100);
-  --bs-bg-disabled: var(--bs-gray-200);
-  --bs-bg-invert-base: var(--bs-slate-600);
-  --bs-bg-invert-light: var(--bs-slate-500);
-  --bs-bg-invert-medium: var(--bs-slate-400);
-  --bs-bg-base-to-light: var(--bs-white);
-  --bs-bg-base-to-medium: var(--bs-white);
-  --bs-bg-medium-to-base: var(--bs-gray-100);
-  --bs-bg-medium-to-light: var(--bs-gray-100);
-  --bs-bg-light-to-base: var(--bs-gray-50);
-  --bs-bg-light-to-medium: var(--bs-gray-50);
-
-  /* Borders */
-  --bs-border-base: var(--bs-gray-200);
-  --bs-border-medium: var(--bs-gray-150);
-  --bs-border-light: var(--bs-gray-100);
-  --bs-border-dark: var(--bs-gray-400);
-  --bs-border-medium-to-light: var(--bs-gray-150);
-  --bs-border-input: rgba(99, 66, 145, 0.75); /* --bs-violet-300 at .75 opacity */
-  --bs-border-active: var(--bs-blue-400);
-  --bs-border-error: var(--bs-red-500);
-
-  /* Primary */
-  --bs-primary-base-fixed: var(--bs-blue-400);
-  --bs-primary-base: var(--bs-blue-400);
-  --bs-primary-medium: var(--bs-blue-300);
-  --bs-primary-light: var(--bs-blue-200);
-  --bs-primary-lightest: var(--bs-blue-100);
-  --bs-primary-highlight: var(--bs-blue-10);
-
-  /* Secondary */
-  --bs-secondary-base-fixed: var(--bs-plum-400);
-  --bs-secondary-base: var(--bs-plum-400);
-  --bs-secondary-medium: var(--bs-plum-300);
-  --bs-secondary-light: var(--bs-plum-200);
-  --bs-secondary-lightest: var(--bs-plum-100);
-  --bs-secondary-highlight: var(--bs-plum-10);
-
-  /* Neutral */
-  --bs-neutral-dark: var(--bs-gray-500);
-  --bs-neutral-base: var(--bs-gray-400);
-  --bs-neutral-medium: var(--bs-gray-300);
-  --bs-neutral-light: var(--bs-gray-200);
-  --bs-neutral-lightest: var(--bs-gray-100);
-
-  /* Accent 1 */
-  --bs-accent-1-base-fixed: var(--bs-royal-400);
-  --bs-accent-1-base: var(--bs-royal-400);
-  --bs-accent-1-medium: var(--bs-royal-300);
-  --bs-accent-1-light: var(--bs-royal-200);
-  --bs-accent-1-lightest: var(--bs-royal-100);
-  --bs-accent-1-highlight: var(--bs-royal-10);
-
-  /* Accent 2 */
-  --bs-accent-2-base-fixed: var(--bs-violet-400);
-  --bs-accent-2-base: var(--bs-violet-400);
-  --bs-accent-2-medium: var(--bs-violet-300);
-  --bs-accent-2-light: var(--bs-violet-200);
-  --bs-accent-2-lightest: var(--bs-violet-100);
-  --bs-accent-2-highlight: var(--bs-violet-10);
-
-  /* Accent 3 */
-  --bs-accent-3-base-fixed: var(--bs-pink-400);
-  --bs-accent-3-base: var(--bs-pink-400);
-  --bs-accent-3-medium: var(--bs-pink-300);
-  --bs-accent-3-light: var(--bs-pink-200);
-  --bs-accent-3-lightest: var(--bs-pink-100);
-  --bs-accent-3-highlight: var(--bs-pink-10);
-
-  /* Accent 4 */
-  --bs-accent-4-base: var(--bs-navy-400);
-  --bs-accent-4-medium: var(--bs-navy-300);
-  --bs-accent-4-light: var(--bs-navy-200);
-  --bs-accent-4-lightest: var(--bs-navy-100);
-  --bs-accent-4-highlight: var(--bs-navy-10);
-
-  /* Positive */
-  --bs-positive-base-fixed: var(--bs-purple-400);
-  --bs-positive-base: var(--bs-purple-400);
-  --bs-positive-medium: var(--bs-purple-300);
-  --bs-positive-light: var(--bs-purple-200);
-  --bs-positive-lightest: var(--bs-purple-100);
-  --bs-positive-highlight: var(--bs-purple-10);
-
-  /* Ecommerce Positive */
-  --bs-ecomm-positive-base-fixed: var(--bs-green-400);
-  --bs-ecomm-positive-base: var(--bs-green-400);
-  --bs-ecomm-positive-medium: var(--bs-green-300);
-  --bs-ecomm-positive-light: var(--bs-green-200);
-  --bs-ecomm-positive-lightest: var(--bs-green-100);
-  --bs-ecomm-positive-highlight: var(--bs-green-10);
-
-  /* Warning */
-  --bs-warning-dark: var(--bs-orange-500);
-  --bs-warning-base: var(--bs-orange-400);
-  --bs-warning-medium: var(--bs-orange-300);
-  --bs-warning-light: var(--bs-orange-200);
-  --bs-warning-lightest: var(--bs-orange-100);
-  --bs-warning-highlight: var(--bs-orange-10);
-
-  /* Negative */
-  --bs-negative-dark: var(--bs-red-500);
-  --bs-negative-base: var(--bs-red-400);
-  --bs-negative-medium: var(--bs-red-300);
-  --bs-negative-light: var(--bs-red-200);
-  --bs-negative-lightest: var(--bs-red-100);
-  --bs-negative-highlight: var(--bs-red-10);
-
-  
-  /* -------------- Deprecated Color Tokens -------------- */
-
-  /* Blue (replaced by Primary) */
-  --bs-blue-base: var(--bs-blue-400);
-  --bs-blue-medium: var(--bs-blue-300);
-  --bs-blue-light: var(--bs-blue-200);
-  --bs-blue-lightest: var(--bs-blue-100);
-
-  /* Gray (replaced by Neutral) */
-  --bs-gray-dark: var(--bs-gray-500);
-  --bs-gray-base: var(--bs-gray-400);
-  --bs-gray-medium: var(--bs-gray-300);
-  --bs-gray-light: var(--bs-gray-200);
-  --bs-gray-lightest: var(--bs-gray-100);
-
-  /* Navy (replaced by Accent 4) */
-  --bs-navy-base: var(--bs-navy-400);
-  --bs-navy-medium: var(--bs-navy-300);
-  --bs-navy-light: var(--bs-navy-200);
-  --bs-navy-lightest: var(--bs-navy-100);
-
-  /* Orange (replaced by Warning) */
-  --bs-warning: var(--bs-orange-500);
-  --bs-orange-base: var(--bs-orange-400);
-  --bs-orange-medium: var(--bs-orange-300);
-  --bs-orange-light: var(--bs-orange-200);
-  --bs-orange-lightest: var(--bs-orange-100);
-
-  /* Pink (replaced by Accent 3) */
-  --bs-pink-base: var(--bs-pink-400);
-  --bs-pink-medium: var(--bs-pink-300);
-  --bs-pink-light: var(--bs-pink-200);
-  --bs-pink-lightest: var(--bs-pink-100);
-
-  /* Plum (replaced by Secondary) */
-  --bs-plum-base: var(--bs-plum-400);
-  --bs-plum-medium: var(--bs-plum-300);
-  --bs-plum-light: var(--bs-plum-200);
-  --bs-plum-lightest: var(--bs-plum-100);
-
-  /* Purple (replaced by Positive) */
-  --bs-purple-base: var(--bs-purple-400);
-  --bs-purple-medium: var(--bs-purple-300);
-  --bs-purple-light: var(--bs-purple-200);
-  --bs-purple-lightest: var(--bs-purple-100);
-
-  /* Red (replaced by Negative) */
-  --bs-red-base: var(--bs-red-400);
-  --bs-red-medium: var(--bs-red-300);
-  --bs-red-light: var(--bs-red-200);
-  --bs-red-lightest: var(--bs-red-100);
-
-  /* Royal Blue (replaced by Accent 1) */
-  --bs-royal-base: var(--bs-royal-400);
-  --bs-royal-medium: var(--bs-royal-300);
-  --bs-royal-light: var(--bs-royal-200);
-  --bs-royal-lightest: var(--bs-royal-100);
-
-  /* Violet (replaced by Accent 2) */
-  --bs-violet-base: var(--bs-violet-400);
-  --bs-violet-medium: var(--bs-violet-300);
-  --bs-violet-light: var(--bs-violet-200);
-  --bs-violet-lightest: var(--bs-violet-100);
-
-
-  /* ------------ Deprecated Ink Color Tokens ------------ */
-
-  /* Ink Blue (replaced by Ink Primary) */
-  --bs-ink-blue: var(--bs-blue-500);
-
-  /* Ink Orange (replaced by Ink Warning) */
-  --bs-ink-orange: var(--bs-orange-500);
-
-  /* Ink Pink (replaced by Ink Accent 3) */
-  --bs-ink-pink: var(--bs-pink-500);
-
-  /* Ink Plum (replaced by Ink Secondary) */
-  --bs-ink-plum: var(--bs-plum-400);
-
-  /* Ink Purple (replaced by Ink Positive) */
-  --bs-ink-purple: var(--bs-purple-400);
-
-  /* Ink Red (replaced by Ink Negative) */
-  --bs-ink-red: var(--bs-red-500);
-
-  /* Ink Royal (replaced by Ink Accent 1) */
-  --bs-ink-royal: var(--bs-royal-400);
-
-  /* Ink Violet (replaced by Ink Accent 2) */
-  --bs-ink-violet: var(--bs-violet-400);
-}
-/* Token Overrides */
-.dark {
-  /* Ink */
-  --bs-ink-base: var(--bs-white);
-  --bs-ink-medium: var(--bs-gray-100);
-  --bs-ink-light: var(--bs-gray-200);
-  --bs-ink-disabled: rgba(163, 164, 183, 0.5); /* --bs-gray-300 at .5 opacity */
-  --bs-ink-invert-base: var(--bs-black);
-  --bs-ink-invert-medium: var(--bs-gray-500);
-  --bs-ink-invert-light: var(--bs-gray-400);
-  --bs-ink-primary: var(--bs-blue-100);
-  --bs-ink-secondary: var(--bs-plum-100);
-  --bs-ink-accent-1: var(--bs-royal-200);
-  --bs-ink-accent-2: var(--bs-violet-200);
-  --bs-ink-accent-3: var(--bs-pink-200);
-  --bs-ink-negative: var(--bs-red-200);
-  --bs-ink-ecomm-positive: var(--bs-green-200);
-  --bs-ink-positive: var(--bs-purple-200);
-  --bs-ink-warning: var(--bs-orange-200);
-  --bs-ink-white: var(--bs-white);
-
-  /* Background */
-  --bs-bg-base: var(--bs-slate-600);
-  --bs-bg-light: var(--bs-slate-500);
-  --bs-bg-medium: var(--bs-slate-400);
-  --bs-bg-disabled: rgba(78, 79, 95, 0.3); /* --bs-gray-400 at .3 opacity */
-  --bs-bg-invert-base: var(--bs-white);
-  --bs-bg-invert-light: var(--bs-gray-50);
-  --bs-bg-invert-medium: var(--bs-gray-100);
-  --bs-bg-base-to-light: var(--bs-slate-500);
-  --bs-bg-base-to-medium: var(--bs-slate-400);
-  --bs-bg-medium-to-base: var(--bs-slate-600);
-  --bs-bg-medium-to-light: var(--bs-slate-500);
-  --bs-bg-light-to-base: var(--bs-slate-600);
-  --bs-bg-light-to-medium: var(--bs-slate-400);
-
-  /* Borders */
-  --bs-border-base: rgba(163, 164, 183, 0.7); /* --bs-gray-300 at .7 opacity */
-  --bs-border-medium: var(--bs-gray-400);
-  --bs-border-light: rgba(78, 79, 95, 0.5); /* --bs-gray-400 at .5 opacity */
-  --bs-border-dark: var(--bs-gray-300);
-  --bs-border-medium-to-light: rgba(78, 79, 95, 0.5); /* --bs-gray-400 at .5 opacity */
-  --bs-border-input: var(--bs-violet-200);
-  --bs-border-active: var(--bs-blue-400);
-  --bs-border-error: var(--bs-red-200);
-
-  /* Primary */
-  --bs-primary-base: var(--bs-blue-300);
-
-  /* Secondary */
-  --bs-secondary-base: var(--bs-plum-300);
-  --bs-secondary-medium: var(--bs-plum-200);
-
-  /* Neutral */
-  --bs-neutral-dark: var(--bs-gray-100);
-  --bs-neutral-base: var(--bs-gray-200);
-  --bs-neutral-medium: var(--bs-gray-300);
-  --bs-neutral-light: var(--bs-gray-400);
-  --bs-neutral-lightest: var(--bs-gray-500);
-
-  /* Accent 1 */
-  --bs-accent-1-base: var(--bs-royal-300);
-  --bs-accent-1-medium: var(--bs-royal-200);
-
-  /* Accent 2 */
-  --bs-accent-2-base: var(--bs-violet-300);
-
-  /* Accent 3 */
-  --bs-accent-3-base: var(--bs-pink-300);
-
-  /* Accent 4 */
-  --bs-accent-4-base: var(--bs-navy-200);
-
-  /* Positive */
-  --bs-positive-base: var(--bs-purple-300);
-
-  /* Ecommerce Positive */
-  --bs-ecomm-positive-base: var(--bs-green-300);
-
-  /* Warning */
-  --bs-warning-dark: var(--bs-orange-400);
-  --bs-warning-base: var(--bs-orange-300);
-
-  /* Negative */
-  --bs-negative-dark: var(--bs-red-400);
-  --bs-negative-base: var(--bs-red-300);
-
-
-  /* Atom gradients */
-  --bs-gradient-atom-ai-bg: conic-gradient(from 180deg at 50% 50%, rgba(83, 101, 196, 0.2) -96.8deg, rgba(228, 94, 155, 0.2) 74.2deg, rgba(51, 158, 238, 0.2) 98.8deg, rgba(249, 124, 76, 0.2) 259.6deg, rgba(83, 101, 196, 0.2) 283.2deg, rgba(228, 94, 155, 0.2) 414.4deg);
-  --bs-gradient-atom-ai-border: conic-gradient(from 180deg at 50% 50%, var(--bs-royal-300) -96.8deg, var(--bs-pink-300) 74.2deg, var(--bs-blue-300) 98.8deg, var(--bs-orange-300) 259.6deg, var(--bs-royal-300) 283.2deg, var(--bs-pink-300) 414.4deg);
-
-  /* Shadows */
-  /* Have to re-specify so secondary update applies */
-  --bs-shadow-secondary: rgba(10, 11, 25, 0.60);
-  --bs-shadow-dark: -16px 20px 40px 0 #000;
-  --bs-shadow-contentLow: var(--bs-shadow-dark);
-  --bs-shadow-contentLowCenter: var(--bs-shadow-dark);
-  --bs-shadow-contentMedium: var(--bs-shadow-dark);
-  --bs-shadow-contentHigh: var(--bs-shadow-dark);
-  --bs-shadow-drawerLeft: var(--bs-shadow-dark);
-  --bs-shadow-drawerRight: 16px 20px 40px 0 #000;
-  --bs-shadow-profilePhoto: inset 0px 0px 0.5em var(--bs-shadow-secondary);
-
-
-
-  /* -------------- Deprecated Color Tokens -------------- */
-
-  /* Blue (replaced by Primary) */
-  --bs-blue-base: var(--bs-blue-300);
-
-  /* Gray (replaced by Neutral) */
-  --bs-gray-dark: var(--bs-gray-100);
-  --bs-gray-base: var(--bs-gray-200);
-  --bs-gray-light: var(--bs-gray-400);
-  --bs-gray-lightest: var(--bs-gray-500);
-
-  /* Navy (replaced by Accent 4) */
-  --bs-navy-base: var(--bs-navy-200);
-
-  /* Orange (replaced by Warning) */
-  --bs-warning: var(--bs-orange-400);
-  --bs-orange-base: var(--bs-orange-300);
-
-  /* Pink (replaced by Accent 3) */
-  --bs-pink-base: var(--bs-pink-300);
-
-  /* Plum (replaced by Secondary) */
-  --bs-plum-base: var(--bs-plum-300);
-  --bs-plum-medium: var(--bs-plum-200);
-
-  /* Purple (replaced by Positive) */
-  --bs-purple-base: var(--bs-purple-300);
-
-  /* Red (replaced by Negative) */
-  --bs-red-base: var(--bs-red-300);
-
-  /* Royal Blue (replaced by Accent 1) */
-  --bs-royal-base: var(--bs-royal-300);
-  --bs-royal-medium: var(--bs-royal-200);
-
-  /* Violet (replaced by Accent 2) */
-  --bs-violet-base: var(--bs-violet-300);
-
-
-  /* ------------ Deprecated Ink Color Tokens ------------ */
-
-  /* Ink Blue (replaced by Ink Primary) */
-  --bs-ink-blue: var(--bs-blue-200);
-
-  /* Ink Orange (replaced by Ink Warning) */
-  --bs-ink-orange: var(--bs-orange-200);
-
-  /* Ink Pink (replaced by Ink Accent 3) */
-  --bs-ink-pink: var(--bs-pink-200);
-
-  /* Ink Plum (replaced by Ink Secondary) */
-  --bs-ink-plum: var(--bs-plum-100);
-
-  /* Ink Purple (replaced by Ink Positive) */
-  --bs-ink-purple: var(--bs-purple-200);
-
-  /* Ink Red (replaced by Ink Negative) */
-  --bs-ink-red: var(--bs-red-200);
-
-  /* Ink Royal (replaced by Ink Accent 1) */
-  --bs-ink-royal: var(--bs-royal-200);
-
-  /* Ink Violet (replaced by Ink Accent 2) */
-  --bs-ink-violet: var(--bs-violet-200);
-}
-/* Token Overrides (Softchoice branding) */
-.softchoice {
-  /* Ink */
-  --bs-ink-primary: var(--bs-cobalt-400);
-  --bs-ink-secondary: var(--bs-midnight-400);
-  --bs-ink-accent-1: var(--bs-orange-500);
-  --bs-ink-negative: var(--bs-maroon-500);
-  --bs-ink-positive: var(--bs-green-500);
-  --bs-ink-warning: var(--bs-yellow-500);
-
-  /* Background */
-  --bs-bg-light: var(--bs-charcoal-100);
-  --bs-bg-medium: var(--bs-charcoal-200);
-  --bs-bg-disabled: var(--bs-charcoal-300);
-  --bs-bg-medium-to-base: var(--bs-charcoal-200);
-  --bs-bg-medium-to-light: var(--bs-charcoal-200);
-  --bs-bg-light-to-base: var(--bs-charcoal-100);
-  --bs-bg-light-to-medium: var(--bs-charcoal-100);
-
-  /* Primary */
-  --bs-primary-base-fixed: var(--bs-cobalt-400);
-  --bs-primary-base: var(--bs-cobalt-400);
-  --bs-primary-medium: var(--bs-cobalt-300);
-  --bs-primary-light: var(--bs-cobalt-200);
-  --bs-primary-lightest: var(--bs-cobalt-100);
-  --bs-primary-highlight: var(--bs-cobalt-10);
-
-  /* Secondary */
-  --bs-secondary-base-fixed: var(--bs-midnight-400);
-  --bs-secondary-base: var(--bs-midnight-400);
-  --bs-secondary-medium: var(--bs-midnight-300);
-  --bs-secondary-light: var(--bs-midnight-200);
-  --bs-secondary-lightest: var(--bs-midnight-100);
-  --bs-secondary-highlight: var(--bs-midnight-10);
-
-  /* Neutral */
-  --bs-neutral-dark: var(--bs-charcoal-500);
-  --bs-neutral-base: var(--bs-charcoal-400);
-  --bs-neutral-medium: var(--bs-charcoal-300);
-  --bs-neutral-light: var(--bs-charcoal-200);
-  --bs-neutral-lightest: var(--bs-charcoal-100);
-
-  /* Accent 1 */
-  --bs-accent-1-base-fixed: var(--bs-cobalt-400);
-  --bs-accent-1-base: var(--bs-cobalt-400);
-  --bs-accent-1-medium: var(--bs-cobalt-300);
-  --bs-accent-1-light: var(--bs-cobalt-200);
-  --bs-accent-1-lightest: var(--bs-cobalt-100);
-  --bs-accent-1-highlight: var(--bs-cobalt-10);
-
-  /* Positive */
-  --bs-positive-base-fixed: var(--bs-green-400);
-  --bs-positive-base: var(--bs-green-400);
-  --bs-positive-medium: var(--bs-green-300);
-  --bs-positive-light: var(--bs-green-200);
-  --bs-positive-lightest: var(--bs-green-100);
-  --bs-positive-highlight: var(--bs-green-10);
-
-  /* Warning */
-  --bs-warning-dark: var(--bs-yellow-450);
-  --bs-warning-base: var(--bs-yellow-400);
-  --bs-warning-medium: var(--bs-yellow-300);
-  --bs-warning-light: var(--bs-yellow-200);
-  --bs-warning-lightest: var(--bs-yellow-100);
-  --bs-warning-highlight: var(--bs-yellow-10);
-
-  /* Negative */
-  --bs-negative-dark: var(--bs-maroon-500);
-  --bs-negative-base: var(--bs-maroon-400);
-  --bs-negative-medium: var(--bs-maroon-300);
-  --bs-negative-light: var(--bs-maroon-200);
-  --bs-negative-lightest: var(--bs-maroon-100);
-  --bs-negative-highlight: var(--bs-maroon-10);
-}