@dynamic-framework/ui-react 2.0.0-dev.1 → 2.0.0-dev.11

package/dist/css/dynamic-ui-root.css

@@ -1,12 +1,12 @@
 /*!
- * dynamic-framework 2.0.0-dev.1
- * bootstrap ~5.3.3
+ * dynamic-framework 2.0.0-dev.11
+ * bootstrap ~5.3.8
  * license https://github.com/dynamic-framework/dynamic-ui/blob/master/libraries/dynamic-ui-react/LICENSE.md
  */
 /* stylelint-disable scss/dollar-variable-default */
 :root,
 [data-bs-theme=dynamic] {
-  --bs-blue-rgb: 13, 110, 253;
+  --bs-blue-rgb: 32, 104, 213;
   --bs-indigo-rgb: 102, 16, 242;
   --bs-purple-rgb: 72, 72, 183;
   --bs-pink-rgb: 216, 27, 96;
@@ -31,42 +31,28 @@
   --bs-gray-700-rgb: 65, 65, 78;
   --bs-gray-800-rgb: 43, 43, 52;
   --bs-gray-900-rgb: 21, 21, 26;
-  --bs-surface-gray-rgb: var(--bs-gray-50-rgb);
-  --bs-surface-primary-rgb: var(--bs-primary-50-rgb);
-  --bs-surface-secondary-rgb: var(--bs-secondary-50-rgb);
-  --bs-surface-success-rgb: var(--bs-success-50-rgb);
-  --bs-surface-info-rgb: var(--bs-info-50-rgb);
-  --bs-surface-warning-rgb: var(--bs-warning-50-rgb);
-  --bs-surface-danger-rgb: var(--bs-danger-50-rgb);
-  --bs-gray-soft-rgb: var(--bs-gray-25-rgb);
-  --bs-primary-soft-rgb: var(--bs-primary-25-rgb);
-  --bs-secondary-soft-rgb: var(--bs-secondary-25-rgb);
-  --bs-success-soft-rgb: var(--bs-success-25-rgb);
-  --bs-info-soft-rgb: var(--bs-info-25-rgb);
-  --bs-warning-soft-rgb: var(--bs-warning-25-rgb);
-  --bs-danger-soft-rgb: var(--bs-danger-25-rgb);
-  --bs-primary-25-rgb: 253, 244, 247;
-  --bs-primary-50-rgb: 251, 232, 239;
-  --bs-primary-100-rgb: 247, 209, 223;
-  --bs-primary-200-rgb: 239, 164, 191;
-  --bs-primary-300-rgb: 232, 118, 160;
-  --bs-primary-400-rgb: 224, 73, 128;
+  --bs-primary-25-rgb: 244, 247, 253;
+  --bs-primary-50-rgb: 233, 240, 251;
+  --bs-primary-100-rgb: 210, 225, 247;
+  --bs-primary-200-rgb: 166, 195, 238;
+  --bs-primary-300-rgb: 121, 164, 230;
+  --bs-primary-400-rgb: 77, 134, 221;
   --bs-primary-500-rgb: var(--bs-primary-rgb);
-  --bs-primary-600-rgb: 173, 22, 77;
-  --bs-primary-700-rgb: 130, 16, 58;
-  --bs-primary-800-rgb: 86, 11, 38;
-  --bs-primary-900-rgb: 43, 5, 19;
-  --bs-secondary-25-rgb: 246, 246, 251;
-  --bs-secondary-50-rgb: 237, 237, 248;
-  --bs-secondary-100-rgb: 218, 218, 241;
-  --bs-secondary-200-rgb: 182, 182, 226;
-  --bs-secondary-300-rgb: 145, 145, 212;
-  --bs-secondary-400-rgb: 109, 109, 197;
+  --bs-primary-600-rgb: 26, 83, 170;
+  --bs-primary-700-rgb: 19, 62, 128;
+  --bs-primary-800-rgb: 13, 42, 85;
+  --bs-primary-900-rgb: 6, 21, 43;
+  --bs-secondary-25-rgb: 251, 251, 252;
+  --bs-secondary-50-rgb: 240, 240, 242;
+  --bs-secondary-100-rgb: 225, 225, 230;
+  --bs-secondary-200-rgb: 196, 196, 205;
+  --bs-secondary-300-rgb: 167, 167, 180;
+  --bs-secondary-400-rgb: 138, 138, 155;
   --bs-secondary-500-rgb: var(--bs-secondary-rgb);
-  --bs-secondary-600-rgb: 58, 58, 146;
-  --bs-secondary-700-rgb: 43, 43, 110;
-  --bs-secondary-800-rgb: 29, 29, 73;
-  --bs-secondary-900-rgb: 14, 14, 37;
+  --bs-secondary-600-rgb: 87, 87, 104;
+  --bs-secondary-700-rgb: 65, 65, 78;
+  --bs-secondary-800-rgb: 43, 43, 52;
+  --bs-secondary-900-rgb: 21, 21, 26;
   --bs-success-25-rgb: 244, 249, 246;
   --bs-success-50-rgb: 232, 243, 238;
   --bs-success-100-rgb: 209, 231, 221;
@@ -78,17 +64,17 @@
   --bs-success-700-rgb: 15, 81, 50;
   --bs-success-800-rgb: 10, 54, 34;
   --bs-success-900-rgb: 5, 27, 17;
-  --bs-info-25-rgb: 243, 248, 255;
-  --bs-info-50-rgb: 231, 241, 255;
-  --bs-info-100-rgb: 207, 226, 255;
-  --bs-info-200-rgb: 158, 197, 254;
-  --bs-info-300-rgb: 110, 168, 254;
-  --bs-info-400-rgb: 61, 139, 253;
+  --bs-info-25-rgb: 244, 247, 253;
+  --bs-info-50-rgb: 233, 240, 251;
+  --bs-info-100-rgb: 210, 225, 247;
+  --bs-info-200-rgb: 166, 195, 238;
+  --bs-info-300-rgb: 121, 164, 230;
+  --bs-info-400-rgb: 77, 134, 221;
   --bs-info-500-rgb: var(--bs-info-rgb);
-  --bs-info-600-rgb: 10, 88, 202;
-  --bs-info-700-rgb: 8, 66, 152;
-  --bs-info-800-rgb: 5, 44, 101;
-  --bs-info-900-rgb: 3, 22, 51;
+  --bs-info-600-rgb: 26, 83, 170;
+  --bs-info-700-rgb: 19, 62, 128;
+  --bs-info-800-rgb: 13, 42, 85;
+  --bs-info-900-rgb: 6, 21, 43;
   --bs-warning-25-rgb: 255, 252, 243;
   --bs-warning-50-rgb: 255, 249, 230;
   --bs-warning-100-rgb: 255, 243, 205;
@@ -111,6 +97,105 @@
   --bs-danger-700-rgb: 132, 32, 41;
   --bs-danger-800-rgb: 88, 21, 28;
   --bs-danger-900-rgb: 44, 11, 14;
+  --bs-indigo-25-rgb: 247, 243, 254;
+  --bs-indigo-50-rgb: 240, 231, 254;
+  --bs-indigo-100-rgb: 224, 207, 252;
+  --bs-indigo-200-rgb: 194, 159, 250;
+  --bs-indigo-300-rgb: 163, 112, 247;
+  --bs-indigo-400-rgb: 133, 64, 245;
+  --bs-indigo-500-rgb: var(--bs-indigo-rgb);
+  --bs-indigo-600-rgb: 82, 13, 194;
+  --bs-indigo-700-rgb: 61, 10, 145;
+  --bs-indigo-800-rgb: 41, 6, 97;
+  --bs-indigo-900-rgb: 20, 3, 48;
+  --bs-purple-25-rgb: 246, 246, 251;
+  --bs-purple-50-rgb: 237, 237, 248;
+  --bs-purple-100-rgb: 218, 218, 241;
+  --bs-purple-200-rgb: 182, 182, 226;
+  --bs-purple-300-rgb: 145, 145, 212;
+  --bs-purple-400-rgb: 109, 109, 197;
+  --bs-purple-500-rgb: var(--bs-purple-rgb);
+  --bs-purple-600-rgb: 58, 58, 146;
+  --bs-purple-700-rgb: 43, 43, 110;
+  --bs-purple-800-rgb: 29, 29, 73;
+  --bs-purple-900-rgb: 14, 14, 37;
+  --bs-pink-25-rgb: 253, 244, 247;
+  --bs-pink-50-rgb: 251, 232, 239;
+  --bs-pink-100-rgb: 247, 209, 223;
+  --bs-pink-200-rgb: 239, 164, 191;
+  --bs-pink-300-rgb: 232, 118, 160;
+  --bs-pink-400-rgb: 224, 73, 128;
+  --bs-pink-500-rgb: var(--bs-pink-rgb);
+  --bs-pink-600-rgb: 173, 22, 77;
+  --bs-pink-700-rgb: 130, 16, 58;
+  --bs-pink-800-rgb: 86, 11, 38;
+  --bs-pink-900-rgb: 43, 5, 19;
+  --bs-red-25-rgb: 253, 245, 246;
+  --bs-red-50-rgb: 252, 235, 236;
+  --bs-red-100-rgb: 248, 215, 218;
+  --bs-red-200-rgb: 241, 174, 181;
+  --bs-red-300-rgb: 234, 134, 143;
+  --bs-red-400-rgb: 227, 93, 106;
+  --bs-red-500-rgb: var(--bs-red-rgb);
+  --bs-red-600-rgb: 176, 42, 55;
+  --bs-red-700-rgb: 132, 32, 41;
+  --bs-red-800-rgb: 88, 21, 28;
+  --bs-red-900-rgb: 44, 11, 14;
+  --bs-orange-25-rgb: 255, 249, 243;
+  --bs-orange-50-rgb: 255, 242, 232;
+  --bs-orange-100-rgb: 255, 229, 208;
+  --bs-orange-200-rgb: 254, 203, 161;
+  --bs-orange-300-rgb: 254, 178, 114;
+  --bs-orange-400-rgb: 253, 152, 67;
+  --bs-orange-500-rgb: var(--bs-orange-rgb);
+  --bs-orange-600-rgb: 202, 101, 16;
+  --bs-orange-700-rgb: 152, 76, 12;
+  --bs-orange-800-rgb: 101, 50, 8;
+  --bs-orange-900-rgb: 51, 25, 4;
+  --bs-yellow-25-rgb: 255, 252, 243;
+  --bs-yellow-50-rgb: 255, 249, 230;
+  --bs-yellow-100-rgb: 255, 243, 205;
+  --bs-yellow-200-rgb: 255, 230, 156;
+  --bs-yellow-300-rgb: 255, 218, 106;
+  --bs-yellow-400-rgb: 255, 205, 57;
+  --bs-yellow-500-rgb: var(--bs-yellow-rgb);
+  --bs-yellow-600-rgb: 204, 154, 6;
+  --bs-yellow-700-rgb: 153, 116, 4;
+  --bs-yellow-800-rgb: 102, 77, 3;
+  --bs-yellow-900-rgb: 51, 39, 1;
+  --bs-green-25-rgb: 244, 249, 246;
+  --bs-green-50-rgb: 232, 243, 238;
+  --bs-green-100-rgb: 209, 231, 221;
+  --bs-green-200-rgb: 163, 207, 187;
+  --bs-green-300-rgb: 117, 183, 152;
+  --bs-green-400-rgb: 71, 159, 118;
+  --bs-green-500-rgb: var(--bs-green-rgb);
+  --bs-green-600-rgb: 20, 108, 67;
+  --bs-green-700-rgb: 15, 81, 50;
+  --bs-green-800-rgb: 10, 54, 34;
+  --bs-green-900-rgb: 5, 27, 17;
+  --bs-teal-25-rgb: 244, 252, 250;
+  --bs-teal-50-rgb: 233, 250, 245;
+  --bs-teal-100-rgb: 210, 244, 234;
+  --bs-teal-200-rgb: 166, 233, 213;
+  --bs-teal-300-rgb: 121, 223, 193;
+  --bs-teal-400-rgb: 77, 212, 172;
+  --bs-teal-500-rgb: var(--bs-teal-rgb);
+  --bs-teal-600-rgb: 26, 161, 121;
+  --bs-teal-700-rgb: 19, 121, 91;
+  --bs-teal-800-rgb: 13, 80, 60;
+  --bs-teal-900-rgb: 6, 40, 30;
+  --bs-cyan-25-rgb: 243, 252, 254;
+  --bs-cyan-50-rgb: 231, 250, 254;
+  --bs-cyan-100-rgb: 207, 244, 252;
+  --bs-cyan-200-rgb: 158, 234, 249;
+  --bs-cyan-300-rgb: 110, 223, 246;
+  --bs-cyan-400-rgb: 61, 213, 243;
+  --bs-cyan-500-rgb: var(--bs-cyan-rgb);
+  --bs-cyan-600-rgb: 10, 162, 192;
+  --bs-cyan-700-rgb: 8, 121, 144;
+  --bs-cyan-800-rgb: 5, 81, 96;
+  --bs-cyan-900-rgb: 3, 40, 48;
   --bs-blue: rgb(var(--bs-blue-rgb));
   --bs-indigo: rgb(var(--bs-indigo-rgb));
   --bs-purple: rgb(var(--bs-purple-rgb));
@@ -136,20 +221,6 @@
   --bs-gray-700: rgb(var(--bs-gray-700-rgb));
   --bs-gray-800: rgb(var(--bs-gray-800-rgb));
   --bs-gray-900: rgb(var(--bs-gray-900-rgb));
-  --bs-surface-gray: rgb(var(--bs-surface-gray-rgb));
-  --bs-surface-primary: rgb(var(--bs-surface-primary-rgb));
-  --bs-surface-secondary: rgb(var(--bs-surface-secondary-rgb));
-  --bs-surface-success: rgb(var(--bs-surface-success-rgb));
-  --bs-surface-info: rgb(var(--bs-surface-info-rgb));
-  --bs-surface-warning: rgb(var(--bs-surface-warning-rgb));
-  --bs-surface-danger: rgb(var(--bs-surface-danger-rgb));
-  --bs-gray-soft: rgb(var(--bs-gray-soft-rgb));
-  --bs-primary-soft: rgb(var(--bs-primary-soft-rgb));
-  --bs-secondary-soft: rgb(var(--bs-secondary-soft-rgb));
-  --bs-success-soft: rgb(var(--bs-success-soft-rgb));
-  --bs-info-soft: rgb(var(--bs-info-soft-rgb));
-  --bs-warning-soft: rgb(var(--bs-warning-soft-rgb));
-  --bs-danger-soft: rgb(var(--bs-danger-soft-rgb));
   --bs-primary: rgb(var(--bs-primary-rgb));
   --bs-secondary: rgb(var(--bs-secondary-rgb));
   --bs-success: rgb(var(--bs-success-rgb));
@@ -158,13 +229,22 @@
   --bs-danger: rgb(var(--bs-danger-rgb));
   --bs-light: rgb(var(--bs-light-rgb));
   --bs-dark: rgb(var(--bs-dark-rgb));
-  --bs-primary-rgb: var(--bs-pink-rgb);
-  --bs-secondary-rgb: var(--bs-purple-rgb);
+  --bs-indigo: rgb(var(--bs-indigo-rgb));
+  --bs-purple: rgb(var(--bs-purple-rgb));
+  --bs-pink: rgb(var(--bs-pink-rgb));
+  --bs-red: rgb(var(--bs-red-rgb));
+  --bs-orange: rgb(var(--bs-orange-rgb));
+  --bs-yellow: rgb(var(--bs-yellow-rgb));
+  --bs-green: rgb(var(--bs-green-rgb));
+  --bs-teal: rgb(var(--bs-teal-rgb));
+  --bs-cyan: rgb(var(--bs-cyan-rgb));
+  --bs-primary-rgb: var(--bs-blue-rgb);
+  --bs-secondary-rgb: var(--bs-gray-800-rgb);
   --bs-success-rgb: var(--bs-green-rgb);
   --bs-info-rgb: var(--bs-blue-rgb);
   --bs-warning-rgb: var(--bs-yellow-rgb);
   --bs-danger-rgb: var(--bs-red-rgb);
-  --bs-light-rgb: var(--bs-gray-100-rgb);
+  --bs-light-rgb: var(--bs-gray-25-rgb);
   --bs-dark-rgb: var(--bs-gray-900-rgb);
   --bs-primary-25: rgb(var(--bs-primary-25-rgb));
   --bs-primary-50: rgb(var(--bs-primary-50-rgb));
@@ -232,20 +312,119 @@
   --bs-danger-700: rgb(var(--bs-danger-700-rgb));
   --bs-danger-800: rgb(var(--bs-danger-800-rgb));
   --bs-danger-900: rgb(var(--bs-danger-900-rgb));
+  --bs-indigo-25: rgb(var(--bs-indigo-25-rgb));
+  --bs-indigo-50: rgb(var(--bs-indigo-50-rgb));
+  --bs-indigo-100: rgb(var(--bs-indigo-100-rgb));
+  --bs-indigo-200: rgb(var(--bs-indigo-200-rgb));
+  --bs-indigo-300: rgb(var(--bs-indigo-300-rgb));
+  --bs-indigo-400: rgb(var(--bs-indigo-400-rgb));
+  --bs-indigo-500: rgb(var(--bs-indigo-500-rgb));
+  --bs-indigo-600: rgb(var(--bs-indigo-600-rgb));
+  --bs-indigo-700: rgb(var(--bs-indigo-700-rgb));
+  --bs-indigo-800: rgb(var(--bs-indigo-800-rgb));
+  --bs-indigo-900: rgb(var(--bs-indigo-900-rgb));
+  --bs-purple-25: rgb(var(--bs-purple-25-rgb));
+  --bs-purple-50: rgb(var(--bs-purple-50-rgb));
+  --bs-purple-100: rgb(var(--bs-purple-100-rgb));
+  --bs-purple-200: rgb(var(--bs-purple-200-rgb));
+  --bs-purple-300: rgb(var(--bs-purple-300-rgb));
+  --bs-purple-400: rgb(var(--bs-purple-400-rgb));
+  --bs-purple-500: rgb(var(--bs-purple-500-rgb));
+  --bs-purple-600: rgb(var(--bs-purple-600-rgb));
+  --bs-purple-700: rgb(var(--bs-purple-700-rgb));
+  --bs-purple-800: rgb(var(--bs-purple-800-rgb));
+  --bs-purple-900: rgb(var(--bs-purple-900-rgb));
+  --bs-pink-25: rgb(var(--bs-pink-25-rgb));
+  --bs-pink-50: rgb(var(--bs-pink-50-rgb));
+  --bs-pink-100: rgb(var(--bs-pink-100-rgb));
+  --bs-pink-200: rgb(var(--bs-pink-200-rgb));
+  --bs-pink-300: rgb(var(--bs-pink-300-rgb));
+  --bs-pink-400: rgb(var(--bs-pink-400-rgb));
+  --bs-pink-500: rgb(var(--bs-pink-500-rgb));
+  --bs-pink-600: rgb(var(--bs-pink-600-rgb));
+  --bs-pink-700: rgb(var(--bs-pink-700-rgb));
+  --bs-pink-800: rgb(var(--bs-pink-800-rgb));
+  --bs-pink-900: rgb(var(--bs-pink-900-rgb));
+  --bs-red-25: rgb(var(--bs-red-25-rgb));
+  --bs-red-50: rgb(var(--bs-red-50-rgb));
+  --bs-red-100: rgb(var(--bs-red-100-rgb));
+  --bs-red-200: rgb(var(--bs-red-200-rgb));
+  --bs-red-300: rgb(var(--bs-red-300-rgb));
+  --bs-red-400: rgb(var(--bs-red-400-rgb));
+  --bs-red-500: rgb(var(--bs-red-500-rgb));
+  --bs-red-600: rgb(var(--bs-red-600-rgb));
+  --bs-red-700: rgb(var(--bs-red-700-rgb));
+  --bs-red-800: rgb(var(--bs-red-800-rgb));
+  --bs-red-900: rgb(var(--bs-red-900-rgb));
+  --bs-orange-25: rgb(var(--bs-orange-25-rgb));
+  --bs-orange-50: rgb(var(--bs-orange-50-rgb));
+  --bs-orange-100: rgb(var(--bs-orange-100-rgb));
+  --bs-orange-200: rgb(var(--bs-orange-200-rgb));
+  --bs-orange-300: rgb(var(--bs-orange-300-rgb));
+  --bs-orange-400: rgb(var(--bs-orange-400-rgb));
+  --bs-orange-500: rgb(var(--bs-orange-500-rgb));
+  --bs-orange-600: rgb(var(--bs-orange-600-rgb));
+  --bs-orange-700: rgb(var(--bs-orange-700-rgb));
+  --bs-orange-800: rgb(var(--bs-orange-800-rgb));
+  --bs-orange-900: rgb(var(--bs-orange-900-rgb));
+  --bs-yellow-25: rgb(var(--bs-yellow-25-rgb));
+  --bs-yellow-50: rgb(var(--bs-yellow-50-rgb));
+  --bs-yellow-100: rgb(var(--bs-yellow-100-rgb));
+  --bs-yellow-200: rgb(var(--bs-yellow-200-rgb));
+  --bs-yellow-300: rgb(var(--bs-yellow-300-rgb));
+  --bs-yellow-400: rgb(var(--bs-yellow-400-rgb));
+  --bs-yellow-500: rgb(var(--bs-yellow-500-rgb));
+  --bs-yellow-600: rgb(var(--bs-yellow-600-rgb));
+  --bs-yellow-700: rgb(var(--bs-yellow-700-rgb));
+  --bs-yellow-800: rgb(var(--bs-yellow-800-rgb));
+  --bs-yellow-900: rgb(var(--bs-yellow-900-rgb));
+  --bs-green-25: rgb(var(--bs-green-25-rgb));
+  --bs-green-50: rgb(var(--bs-green-50-rgb));
+  --bs-green-100: rgb(var(--bs-green-100-rgb));
+  --bs-green-200: rgb(var(--bs-green-200-rgb));
+  --bs-green-300: rgb(var(--bs-green-300-rgb));
+  --bs-green-400: rgb(var(--bs-green-400-rgb));
+  --bs-green-500: rgb(var(--bs-green-500-rgb));
+  --bs-green-600: rgb(var(--bs-green-600-rgb));
+  --bs-green-700: rgb(var(--bs-green-700-rgb));
+  --bs-green-800: rgb(var(--bs-green-800-rgb));
+  --bs-green-900: rgb(var(--bs-green-900-rgb));
+  --bs-teal-25: rgb(var(--bs-teal-25-rgb));
+  --bs-teal-50: rgb(var(--bs-teal-50-rgb));
+  --bs-teal-100: rgb(var(--bs-teal-100-rgb));
+  --bs-teal-200: rgb(var(--bs-teal-200-rgb));
+  --bs-teal-300: rgb(var(--bs-teal-300-rgb));
+  --bs-teal-400: rgb(var(--bs-teal-400-rgb));
+  --bs-teal-500: rgb(var(--bs-teal-500-rgb));
+  --bs-teal-600: rgb(var(--bs-teal-600-rgb));
+  --bs-teal-700: rgb(var(--bs-teal-700-rgb));
+  --bs-teal-800: rgb(var(--bs-teal-800-rgb));
+  --bs-teal-900: rgb(var(--bs-teal-900-rgb));
+  --bs-cyan-25: rgb(var(--bs-cyan-25-rgb));
+  --bs-cyan-50: rgb(var(--bs-cyan-50-rgb));
+  --bs-cyan-100: rgb(var(--bs-cyan-100-rgb));
+  --bs-cyan-200: rgb(var(--bs-cyan-200-rgb));
+  --bs-cyan-300: rgb(var(--bs-cyan-300-rgb));
+  --bs-cyan-400: rgb(var(--bs-cyan-400-rgb));
+  --bs-cyan-500: rgb(var(--bs-cyan-500-rgb));
+  --bs-cyan-600: rgb(var(--bs-cyan-600-rgb));
+  --bs-cyan-700: rgb(var(--bs-cyan-700-rgb));
+  --bs-cyan-800: rgb(var(--bs-cyan-800-rgb));
+  --bs-cyan-900: rgb(var(--bs-cyan-900-rgb));
   --bs-primary-text-emphasis: var(--bs-primary-600);
   --bs-secondary-text-emphasis: var(--bs-secondary-600);
   --bs-success-text-emphasis: var(--bs-success-600);
   --bs-info-text-emphasis: var(--bs-info-600);
-  --bs-warning-text-emphasis: var(--bs-warning-600);
+  --bs-warning-text-emphasis: var(--bs-warning-800);
   --bs-danger-text-emphasis: var(--bs-danger-600);
   --bs-light-text-emphasis: var(--bs-gray-600);
   --bs-dark-text-emphasis: var(--bs-gray-600);
   --bs-primary-bg-subtle: var(--bs-primary-100);
   --bs-secondary-bg-subtle: var(--bs-secondary-100);
-  --bs-success-bg-subtle: var(--bs-success-100);
-  --bs-info-bg-subtle: var(--bs-info-100);
-  --bs-warning-bg-subtle: var(--bs-warning-100);
-  --bs-danger-bg-subtle: var(--bs-danger-100);
+  --bs-success-bg-subtle: #f4f9f6;
+  --bs-info-bg-subtle: #f4f7fd;
+  --bs-warning-bg-subtle: #fffcf3;
+  --bs-danger-bg-subtle: #fdf5f6;
   --bs-light-bg-subtle: var(--bs-gray-100);
   --bs-dark-bg-subtle: var(--bs-gray-400);
   --bs-primary-border-subtle: var(--bs-primary-100);
@@ -256,7 +435,7 @@
   --bs-danger-border-subtle: var(--bs-danger-100);
   --bs-light-border-subtle: var(--bs-gray-100);
   --bs-dark-border-subtle: var(--bs-gray-400);
-  --bs-font-sans-serif: "Source Sans 3", sans-serif;
+  --bs-font-sans-serif: "Jost", sans-serif;
   --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
   --bs-root-font-size: 16px;
@@ -267,7 +446,7 @@
   --bs-body-color: rgb(var(--bs-body-color-rgb));
   --bs-body-color-rgb: var(--bs-gray-900-rgb);
   --bs-body-bg: rgb(var(--bs-body-bg-rgb));
-  --bs-body-bg-rgb: var(--bs-secondary-soft-rgb);
+  --bs-body-bg-rgb: 245, 246, 250;
   --bs-emphasis-color: rgb(var(--bs-emphasis-color-rgb));
   --bs-emphasis-color-rgb: var(--bs-black-rgb);
   --bs-secondary-color: rgba(var(--bs-secondary-color-rgb), .75);
@@ -284,7 +463,6 @@
   --bs-link-decoration: none;
   --bs-link-hover-color: rgb(var(--bs-link-hover-color-rgb));
   --bs-link-hover-color-rgb: var(--bs-primary-700-rgb);
-  --bs-link-hover-decoration: underline;
   --bs-code-color: rgb(var(--bs-code-color-rgb));
   --bs-code-color-rgb: var(--bs-primary-rgb);
   --bs-highlight-bg: var(--bs-warning-100);
@@ -292,20 +470,20 @@
   --bs-border-style: solid;
   --bs-border-color: var(--bs-gray-100);
   --bs-border-color-translucent: rgba(var(--bs-black-rgb), 0.175);
-  --bs-border-radius: 1rem;
-  --bs-border-radius-sm: 0.5rem;
-  --bs-border-radius-lg: 1.5rem;
-  --bs-border-radius-xl: 2rem;
-  --bs-border-radius-xxl: 2.5rem;
+  --bs-border-radius: 0.5rem;
+  --bs-border-radius-sm: 0.25rem;
+  --bs-border-radius-lg: 1rem;
+  --bs-border-radius-xl: 1.5rem;
+  --bs-border-radius-xxl: 2rem;
   --bs-border-radius-2xl: var(--bs-border-radius-xxl);
   --bs-border-radius-pill: 50rem;
   --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
   --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
-  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
+  --bs-box-shadow-lg: 0 10px 10px rgba(0, 0, 0, 0.02);
   --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
   --bs-focus-ring-width: 0.25rem;
   --bs-focus-ring-opacity: 0.25;
-  --bs-focus-ring-border-color-rgb: var(--bs-secondary-300-rgb);
+  --bs-focus-ring-border-color-rgb: transparent;
   --bs-focus-ring-border-color: rgb(var(--bs-focus-ring-border-color-rgb));
   --bs-focus-ring-base-color-rgb: var(--bs-secondary-rgb);
   --bs-focus-ring-base-color: rgb(var(--bs-focus-ring-base-color-rgb));
@@ -354,9 +532,9 @@
   --bs-fw-lighter: lighter;
   --bs-fw-light: 200;
   --bs-fw-normal: 400;
-  --bs-fw-semibold: 600;
-  --bs-fw-bold: 700;
-  --bs-fw-bolder: 800;
+  --bs-fw-semibold: 500;
+  --bs-fw-bold: 600;
+  --bs-fw-bolder: 600;
   --bs-lh-base: 1.5;
   --bs-lh-sm: 1.25;
   --bs-lh-lg: 2;
@@ -366,9 +544,9 @@
   --bs-label-font-size: var(--bs-body-font-size);
   --bs-label-font-weight: var(--bs-fw-normal);
   --bs-label-color: var(--bs-gray-700);
-  --bs-btn-border-radius: var(--bs-border-radius-pill);
-  --bs-btn-lg-border-radius: var(--bs-border-radius-pill);
-  --bs-btn-sm-border-radius: var(--bs-border-radius-pill);
+  --bs-btn-border-radius: 0.5rem;
+  --bs-btn-lg-border-radius: 0.5rem;
+  --bs-btn-sm-border-radius: 0.25rem;
   --bs-btn-primary-color: var(--bs-white);
   --bs-btn-primary-bg: var(--bs-primary-500);
   --bs-btn-primary-border-color: var(--bs-primary-500);
@@ -392,15 +570,15 @@
   --bs-btn-outline-primary-bg: transparent;
   --bs-btn-outline-primary-border-color: var(--bs-primary-500);
   --bs-btn-outline-primary-box-shadow: 0 0 0 transparent;
-  --bs-btn-outline-primary-hover-color: var(--bs-white);
-  --bs-btn-outline-primary-hover-bg: var(--bs-primary-600);
+  --bs-btn-outline-primary-hover-color: var(--bs-primary-600);
+  --bs-btn-outline-primary-hover-bg: transparent;
   --bs-btn-outline-primary-hover-border-color: var(--bs-primary-600);
-  --bs-btn-outline-primary-focus-color: var(--bs-white);
-  --bs-btn-outline-primary-focus-bg: var(--bs-primary-600);
+  --bs-btn-outline-primary-focus-color: var(--bs-primary-600);
+  --bs-btn-outline-primary-focus-bg: transparent;
   --bs-btn-outline-primary-focus-border-color: var(--bs-primary-600);
   --bs-btn-outline-primary-focus-shadow-rgb: var(--bs-primary-500-rgb);
-  --bs-btn-outline-primary-active-color: var(--bs-white);
-  --bs-btn-outline-primary-active-bg: var(--bs-primary-700);
+  --bs-btn-outline-primary-active-color: var(--bs-primary-700);
+  --bs-btn-outline-primary-active-bg: transparent;
   --bs-btn-outline-primary-active-border-color: var(--bs-primary-700);
   --bs-btn-outline-primary-active-box-shadow: 0 0 0 transparent;
   --bs-btn-outline-primary-disabled-color: var(--bs-primary-500);
@@ -426,39 +604,39 @@
   --bs-btn-link-primary-disabled-border-color: transparent;
   --bs-btn-link-primary-disabled-color: var(--bs-primary-500);
   --bs-btn-link-primary-disabled-opacity: 0.65;
-  --bs-btn-secondary-color: var(--bs-white);
-  --bs-btn-secondary-bg: var(--bs-secondary-500);
-  --bs-btn-secondary-border-color: var(--bs-secondary-500);
+  --bs-btn-secondary-color: var(--bs-secondary-700);
+  --bs-btn-secondary-bg: var(--bs-secondary-50);
+  --bs-btn-secondary-border-color: var(--bs-secondary-50);
   --bs-btn-secondary-box-shadow: 0 0 0 transparent;
-  --bs-btn-secondary-hover-color: var(--bs-white);
-  --bs-btn-secondary-hover-bg: var(--bs-secondary-600);
-  --bs-btn-secondary-hover-border-color: var(--bs-secondary-600);
-  --bs-btn-secondary-focus-color: var(--bs-white);
-  --bs-btn-secondary-focus-bg: var(--bs-secondary-600);
-  --bs-btn-secondary-focus-border-color: var(--bs-secondary-600);
-  --bs-btn-secondary-focus-shadow-rgb: var(--bs-secondary-500-rgb);
-  --bs-btn-secondary-active-color: var(--bs-white);
-  --bs-btn-secondary-active-bg: var(--bs-secondary-700);
-  --bs-btn-secondary-active-border-color: var(--bs-secondary-700);
+  --bs-btn-secondary-hover-color: var(--bs-secondary-700);
+  --bs-btn-secondary-hover-bg: var(--bs-secondary-100);
+  --bs-btn-secondary-hover-border-color: var(--bs-secondary-100);
+  --bs-btn-secondary-focus-color: var(--bs-secondary-700);
+  --bs-btn-secondary-focus-bg: var(--bs-secondary-100);
+  --bs-btn-secondary-focus-border-color: var(--bs-secondary-100);
+  --bs-btn-secondary-focus-shadow-rgb: var(--bs-secondary-100-rgb);
+  --bs-btn-secondary-active-color: var(--bs-secondary-700);
+  --bs-btn-secondary-active-bg: var(--bs-secondary-100);
+  --bs-btn-secondary-active-border-color: var(--bs-secondary-100);
   --bs-btn-secondary-active-box-shadow: 0 0 0 transparent;
-  --bs-btn-secondary-disabled-color: var(--bs-white);
-  --bs-btn-secondary-disabled-bg: var(--bs-secondary-500);
-  --bs-btn-secondary-disabled-border-color: var(--bs-secondary-500);
+  --bs-btn-secondary-disabled-color: var(--bs-secondary-700);
+  --bs-btn-secondary-disabled-bg: var(--bs-secondary-50);
+  --bs-btn-secondary-disabled-border-color: var(--bs-secondary-50);
   --bs-btn-secondary-disabled-opacity: 0.65;
   --bs-btn-outline-secondary-color: var(--bs-secondary-500);
   --bs-btn-outline-secondary-bg: transparent;
-  --bs-btn-outline-secondary-border-color: var(--bs-secondary-500);
+  --bs-btn-outline-secondary-border-color: var(--bs-secondary-200);
   --bs-btn-outline-secondary-box-shadow: 0 0 0 transparent;
-  --bs-btn-outline-secondary-hover-color: var(--bs-white);
-  --bs-btn-outline-secondary-hover-bg: var(--bs-secondary-600);
-  --bs-btn-outline-secondary-hover-border-color: var(--bs-secondary-600);
-  --bs-btn-outline-secondary-focus-color: var(--bs-white);
-  --bs-btn-outline-secondary-focus-bg: var(--bs-secondary-600);
-  --bs-btn-outline-secondary-focus-border-color: var(--bs-secondary-600);
+  --bs-btn-outline-secondary-hover-color: var(--bs-secondary-700);
+  --bs-btn-outline-secondary-hover-bg: transparent;
+  --bs-btn-outline-secondary-hover-border-color: var(--bs-secondary-400);
+  --bs-btn-outline-secondary-focus-color: var(--bs-secondary-700);
+  --bs-btn-outline-secondary-focus-bg: transparent;
+  --bs-btn-outline-secondary-focus-border-color: var(--bs-secondary-700);
   --bs-btn-outline-secondary-focus-shadow-rgb: var(--bs-secondary-500-rgb);
-  --bs-btn-outline-secondary-active-color: var(--bs-white);
-  --bs-btn-outline-secondary-active-bg: var(--bs-secondary-700);
-  --bs-btn-outline-secondary-active-border-color: var(--bs-secondary-700);
+  --bs-btn-outline-secondary-active-color: var(--bs-secondary-700);
+  --bs-btn-outline-secondary-active-bg: transparent;
+  --bs-btn-outline-secondary-active-border-color: var(--bs-secondary-600);
   --bs-btn-outline-secondary-active-box-shadow: 0 0 0 transparent;
   --bs-btn-outline-secondary-disabled-color: var(--bs-secondary-500);
   --bs-btn-outline-secondary-disabled-bg: transparent;
@@ -475,7 +653,7 @@
   --bs-btn-link-secondary-focus-border-color: transparent;
   --bs-btn-link-secondary-focus-color: var(--bs-secondary-600);
   --bs-btn-link-secondary-focus-shadow-rgb: var(--bs-secondary-500-rgb);
-  --bs-btn-link-secondary-active-bg: var(--bs-secondary-200);
+  --bs-btn-link-secondary-active-bg: var(--bs-secondary-100);
   --bs-btn-link-secondary-active-border-color: transparent;
   --bs-btn-link-secondary-active-color: var(--bs-secondary-700);
   --bs-btn-link-secondary-active-box-shadow: 0 0 0 transparent;
@@ -506,15 +684,15 @@
   --bs-btn-outline-success-bg: transparent;
   --bs-btn-outline-success-border-color: var(--bs-success-500);
   --bs-btn-outline-success-box-shadow: 0 0 0 transparent;
-  --bs-btn-outline-success-hover-color: var(--bs-white);
-  --bs-btn-outline-success-hover-bg: var(--bs-success-600);
+  --bs-btn-outline-success-hover-color: var(--bs-success-600);
+  --bs-btn-outline-success-hover-bg: transparent;
   --bs-btn-outline-success-hover-border-color: var(--bs-success-600);
-  --bs-btn-outline-success-focus-color: var(--bs-white);
-  --bs-btn-outline-success-focus-bg: var(--bs-success-600);
+  --bs-btn-outline-success-focus-color: var(--bs-success-600);
+  --bs-btn-outline-success-focus-bg: transparent;
   --bs-btn-outline-success-focus-border-color: var(--bs-success-600);
   --bs-btn-outline-success-focus-shadow-rgb: var(--bs-success-500-rgb);
-  --bs-btn-outline-success-active-color: var(--bs-white);
-  --bs-btn-outline-success-active-bg: var(--bs-success-700);
+  --bs-btn-outline-success-active-color: var(--bs-success-700);
+  --bs-btn-outline-success-active-bg: transparent;
   --bs-btn-outline-success-active-border-color: var(--bs-success-700);
   --bs-btn-outline-success-active-box-shadow: 0 0 0 transparent;
   --bs-btn-outline-success-disabled-color: var(--bs-success-500);
@@ -563,15 +741,15 @@
   --bs-btn-outline-info-bg: transparent;
   --bs-btn-outline-info-border-color: var(--bs-info-500);
   --bs-btn-outline-info-box-shadow: 0 0 0 transparent;
-  --bs-btn-outline-info-hover-color: var(--bs-white);
-  --bs-btn-outline-info-hover-bg: var(--bs-info-600);
+  --bs-btn-outline-info-hover-color: var(--bs-info-600);
+  --bs-btn-outline-info-hover-bg: transparent;
   --bs-btn-outline-info-hover-border-color: var(--bs-info-600);
-  --bs-btn-outline-info-focus-color: var(--bs-white);
-  --bs-btn-outline-info-focus-bg: var(--bs-info-600);
+  --bs-btn-outline-info-focus-color: var(--bs-info-600);
+  --bs-btn-outline-info-focus-bg: transparent;
   --bs-btn-outline-info-focus-border-color: var(--bs-info-600);
   --bs-btn-outline-info-focus-shadow-rgb: var(--bs-info-500-rgb);
-  --bs-btn-outline-info-active-color: var(--bs-white);
-  --bs-btn-outline-info-active-bg: var(--bs-info-700);
+  --bs-btn-outline-info-active-color: var(--bs-info-700);
+  --bs-btn-outline-info-active-bg: transparent;
   --bs-btn-outline-info-active-border-color: var(--bs-info-700);
   --bs-btn-outline-info-active-box-shadow: 0 0 0 transparent;
   --bs-btn-outline-info-disabled-color: var(--bs-info-500);
@@ -620,15 +798,15 @@
   --bs-btn-outline-warning-bg: transparent;
   --bs-btn-outline-warning-border-color: var(--bs-warning-500);
   --bs-btn-outline-warning-box-shadow: 0 0 0 transparent;
-  --bs-btn-outline-warning-hover-color: var(--bs-black);
-  --bs-btn-outline-warning-hover-bg: var(--bs-warning-600);
+  --bs-btn-outline-warning-hover-color: var(--bs-warning-600);
+  --bs-btn-outline-warning-hover-bg: transparent;
   --bs-btn-outline-warning-hover-border-color: var(--bs-warning-600);
-  --bs-btn-outline-warning-focus-color: var(--bs-black);
-  --bs-btn-outline-warning-focus-bg: var(--bs-warning-600);
+  --bs-btn-outline-warning-focus-color: var(--bs-warning-600);
+  --bs-btn-outline-warning-focus-bg: transparent;
   --bs-btn-outline-warning-focus-border-color: var(--bs-warning-600);
   --bs-btn-outline-warning-focus-shadow-rgb: var(--bs-warning-500-rgb);
-  --bs-btn-outline-warning-active-color: var(--bs-black);
-  --bs-btn-outline-warning-active-bg: var(--bs-warning-700);
+  --bs-btn-outline-warning-active-color: var(--bs-warning-700);
+  --bs-btn-outline-warning-active-bg: transparent;
   --bs-btn-outline-warning-active-border-color: var(--bs-warning-700);
   --bs-btn-outline-warning-active-box-shadow: 0 0 0 transparent;
   --bs-btn-outline-warning-disabled-color: var(--bs-warning-500);
@@ -677,15 +855,15 @@
   --bs-btn-outline-danger-bg: transparent;
   --bs-btn-outline-danger-border-color: var(--bs-danger-500);
   --bs-btn-outline-danger-box-shadow: 0 0 0 transparent;
-  --bs-btn-outline-danger-hover-color: var(--bs-white);
-  --bs-btn-outline-danger-hover-bg: var(--bs-danger-600);
+  --bs-btn-outline-danger-hover-color: var(--bs-danger-600);
+  --bs-btn-outline-danger-hover-bg: transparent;
   --bs-btn-outline-danger-hover-border-color: var(--bs-danger-600);
-  --bs-btn-outline-danger-focus-color: var(--bs-white);
-  --bs-btn-outline-danger-focus-bg: var(--bs-danger-600);
+  --bs-btn-outline-danger-focus-color: var(--bs-danger-600);
+  --bs-btn-outline-danger-focus-bg: transparent;
   --bs-btn-outline-danger-focus-border-color: var(--bs-danger-600);
   --bs-btn-outline-danger-focus-shadow-rgb: var(--bs-danger-500-rgb);
-  --bs-btn-outline-danger-active-color: var(--bs-white);
-  --bs-btn-outline-danger-active-bg: var(--bs-danger-700);
+  --bs-btn-outline-danger-active-color: var(--bs-danger-700);
+  --bs-btn-outline-danger-active-bg: transparent;
   --bs-btn-outline-danger-active-border-color: var(--bs-danger-700);
   --bs-btn-outline-danger-active-box-shadow: 0 0 0 transparent;
   --bs-btn-outline-danger-disabled-color: var(--bs-danger-500);
@@ -712,12 +890,12 @@
   --bs-btn-link-danger-disabled-color: var(--bs-danger-500);
   --bs-btn-link-danger-disabled-opacity: 0.65;
   --bs-btn-light-color: var(--bs-gray-700);
-  --bs-btn-light-bg: var(--bs-gray-100);
-  --bs-btn-light-border-color: var(--bs-gray-100);
+  --bs-btn-light-bg: var(--bs-gray-25);
+  --bs-btn-light-border-color: var(--bs-gray-25);
   --bs-btn-light-box-shadow: 0 0 0 transparent;
   --bs-btn-light-hover-color: var(--bs-gray-700);
-  --bs-btn-light-hover-bg: var(--bs-gray-200);
-  --bs-btn-light-hover-border-color: var(--bs-gray-200);
+  --bs-btn-light-hover-bg: var(--bs-gray-50);
+  --bs-btn-light-hover-border-color: var(--bs-gray-50);
   --bs-btn-light-focus-color: var(--bs-gray-700);
   --bs-btn-light-focus-bg: var(--bs-gray-200);
   --bs-btn-light-focus-border-color: var(--bs-gray-200);
@@ -727,22 +905,22 @@
   --bs-btn-light-active-border-color: var(--bs-gray-300);
   --bs-btn-light-active-box-shadow: 0 0 0 transparent;
   --bs-btn-light-disabled-color: var(--bs-gray-700);
-  --bs-btn-light-disabled-bg: var(--bs-gray-100);
-  --bs-btn-light-disabled-border-color: var(--bs-gray-100);
+  --bs-btn-light-disabled-bg: var(--bs-gray-25);
+  --bs-btn-light-disabled-border-color: var(--bs-gray-25);
   --bs-btn-light-disabled-opacity: 0.65;
   --bs-btn-outline-light-color: var(--bs-gray-100);
   --bs-btn-outline-light-bg: transparent;
   --bs-btn-outline-light-border-color: var(--bs-gray-100);
   --bs-btn-outline-light-box-shadow: 0 0 0 transparent;
-  --bs-btn-outline-light-hover-color: var(--bs-gray-700);
-  --bs-btn-outline-light-hover-bg: var(--bs-gray-200);
+  --bs-btn-outline-light-hover-color: var(--bs-gray-200);
+  --bs-btn-outline-light-hover-bg: transparent;
   --bs-btn-outline-light-hover-border-color: var(--bs-gray-200);
-  --bs-btn-outline-light-focus-color: var(--bs-gray-700);
-  --bs-btn-outline-light-focus-bg: var(--bs-gray-200);
+  --bs-btn-outline-light-focus-color: var(--bs-gray-200);
+  --bs-btn-outline-light-focus-bg: transparent;
   --bs-btn-outline-light-focus-border-color: var(--bs-gray-200);
   --bs-btn-outline-light-focus-shadow-rgb: var(--bs-gray-100-rgb);
-  --bs-btn-outline-light-active-color: var(--bs-black);
-  --bs-btn-outline-light-active-bg: var(--bs-gray-300);
+  --bs-btn-outline-light-active-color: var(--bs-gray-300);
+  --bs-btn-outline-light-active-bg: transparent;
   --bs-btn-outline-light-active-border-color: var(--bs-gray-300);
   --bs-btn-outline-light-active-box-shadow: 0 0 0 transparent;
   --bs-btn-outline-light-disabled-color: var(--bs-gray-100);
@@ -791,15 +969,15 @@
   --bs-btn-outline-dark-bg: transparent;
   --bs-btn-outline-dark-border-color: var(--bs-gray-900);
   --bs-btn-outline-dark-box-shadow: 0 0 0 transparent;
-  --bs-btn-outline-dark-hover-color: var(--bs-white);
-  --bs-btn-outline-dark-hover-bg: var(--bs-gray-800);
+  --bs-btn-outline-dark-hover-color: var(--bs-gray-800);
+  --bs-btn-outline-dark-hover-bg: transparent;
   --bs-btn-outline-dark-hover-border-color: var(--bs-gray-800);
-  --bs-btn-outline-dark-focus-color: var(--bs-white);
-  --bs-btn-outline-dark-focus-bg: var(--bs-gray-800);
+  --bs-btn-outline-dark-focus-color: var(--bs-gray-800);
+  --bs-btn-outline-dark-focus-bg: transparent;
   --bs-btn-outline-dark-focus-border-color: var(--bs-gray-800);
   --bs-btn-outline-dark-focus-shadow-rgb: var(--bs-gray-900-rgb);
-  --bs-btn-outline-dark-active-color: var(--bs-white);
-  --bs-btn-outline-dark-active-bg: var(--bs-gray-700);
+  --bs-btn-outline-dark-active-color: var(--bs-gray-700);
+  --bs-btn-outline-dark-active-bg: transparent;
   --bs-btn-outline-dark-active-border-color: var(--bs-gray-700);
   --bs-btn-outline-dark-active-box-shadow: 0 0 0 transparent;
   --bs-btn-outline-dark-disabled-color: var(--bs-gray-900);
@@ -877,7 +1055,7 @@
   --bs-default-accordion-btn-icon-transform: rotate(-180deg);
   --bs-default-accordion-btn-icon-transition: transform .2s ease-in-out;
   --bs-default-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-primary-600%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
-  --bs-default-accordion-btn-focus-box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
+  --bs-default-accordion-btn-focus-box-shadow: 0 0 0 0.25rem var(--bs-gray-100);
   --bs-default-accordion-btn-font-weight: var(--bs-fw-bold);
   --bs-default-accordion-btn-font-size: var(--bs-fs-6);
   --bs-default-accordion-body-padding-top: var(--bs-default-accordion-padding-y);