diff --git a/core/scripts/tokens/index.js b/core/scripts/tokens/index.js
index c1fc8378c2..25be948ba1 100644
--- a/core/scripts/tokens/index.js
+++ b/core/scripts/tokens/index.js
@@ -43,12 +43,25 @@
 
       console.log('Generating SCSS variables...');
 
-      // Separate typography tokens from the rest
-      const typographyProperties = dictionary.allTokens.filter((prop) => prop.$type === 'typography');
-      const otherProperties = dictionary.allTokens.filter((prop) => prop.$type !== 'typography');
-
-      // Make sure the reused scss variables are defined first, to avoid compilation errors
-      const sortedProperties = [...otherProperties, ...typographyProperties];
+      const primitiveProperties = dictionary.allTokens.filter((prop) => prop.path[0] === 'primitives');
+      const scaleProperties = dictionary.allTokens.filter((prop) => prop.path[0] === 'scale');
+      const borderProperties = dictionary.allTokens.filter((prop) => prop.path[0] === 'border');
+      const semanticsProperties = dictionary.allTokens.filter((prop) => prop.path[0] === 'semantics');
+      const nonPrimitiveScaleBorderSemanticsProperties = dictionary.allTokens.filter(
+        (prop) => !['primitives', 'scale', 'border', 'semantics'].includes(prop.path[0])
+      );
+      const typographyProperties = nonPrimitiveScaleBorderSemanticsProperties.filter((prop) => prop.$type === 'typography');
+      const otherProperties = nonPrimitiveScaleBorderSemanticsProperties.filter((prop) => prop.$type !== 'typography');
+      
+      // Order: primitives → semantics → scale → border → other → typography
+      const sortedProperties = [
+        ...primitiveProperties,
+        ...semanticsProperties,
+        ...scaleProperties,
+        ...borderProperties,
+        ...otherProperties,
+        ...typographyProperties
+      ];
 
       const prefixedVariables = sortedProperties.map((prop) => {
         // Remove consecutive repeated words from the token name, like border-border-color
diff --git a/core/scripts/tokens/utils.js b/core/scripts/tokens/utils.js
index 20a723af74..1db088b2af 100644
--- a/core/scripts/tokens/utils.js
+++ b/core/scripts/tokens/utils.js
@@ -48,6 +48,19 @@ function removeConsecutiveRepeatedWords(str) {
     return str.replace(/(\b\w+\b)(-\1)+/g, '$1');
 }
 
+// Generates a reference variable for an alias token type
+// (e.g., $ion-border-default: var(--ion-border-default, #d5d5d5) → $ion-border-default: var(--ion-border-default, $ion-primitives-neutral-400))
+function getAliasReferenceVariable(prop) {
+  if (typeof prop.$value === 'string' && prop.$value.startsWith('{') && prop.$value.endsWith('}')) {
+    // Remove curly braces and replace dots with dashes
+    let ref = prop.$value.slice(1, -1).replace(/\./g, '-');
+    // Remove consecutive repeated words (e.g., border-border-radius-0 → border-radius-0)
+    ref = removeConsecutiveRepeatedWords(ref);
+    return `$${variablesPrefix}-${ref}`;
+  }
+  return null;
+}
+
 // Generates a valid box-shadow value from a shadow Design Token structure
 function generateShadowValue(prop, propName) {
   const cssShadow = prop.$value.map(shadow => {
@@ -80,17 +93,25 @@ function generateFontFamilyValue(prop, propName, variableType = 'css') {
 
 // Generates a final value, based if the Design Token is of type color or not
 function generateValue(prop, propName) {
-  const rgb = hexToRgb(prop.$value);
+  // Use the original value to detect aliases
+  const aliasVar = getAliasReferenceVariable({ $value: prop.original.$value });
 
-  let rgbDeclaration = '';
-
-  if (rgb) {
-    // If the token is color, also add a rgb variable using the same color
-    rgbDeclaration = `\n$${variablesPrefix}-${propName}-rgb: var(--${variablesPrefix}-${propName}-rgb, ${rgb.r}, ${rgb.g}, ${rgb.b});`;
-    prop.value = getRgbaValue(prop.$value);
+  // Always generate the main variable
+  let mainValue;
+  if (aliasVar) {
+    mainValue = `$${variablesPrefix}-${propName}: var(--${variablesPrefix}-${propName}, ${aliasVar});`;
+  } else {
+    mainValue = `$${variablesPrefix}-${propName}: var(--${variablesPrefix}-${propName}, ${prop.$value});`;
   }
 
-  return `$${variablesPrefix}-${propName}: var(--${variablesPrefix}-${propName}, ${prop.$value});${rgbDeclaration}`;
+  // Always generate the -rgb variable if it's a color
+  const rgb = hexToRgb(prop.$value);
+  let rgbDeclaration = '';
+  if (rgb) {
+    rgbDeclaration = `\n$${variablesPrefix}-${propName}-rgb: var(--${variablesPrefix}-${propName}-rgb, ${rgb.r}, ${rgb.g}, ${rgb.b});`;
+  }
+
+  return `${mainValue}${rgbDeclaration}`;
 }
 
 // Generates a typography based css utility-class or scss variable from a typography token structure
@@ -287,6 +308,7 @@ module.exports = {
     generateFontFamilyValue,
     generateTypographyOutput,
     generateValue,
+    getAliasReferenceVariable,
     setPrefixValue,
     generateRadiusUtilityClasses,
     generateColorUtilityClasses,
diff --git a/core/src/foundations/ionic.vars.scss b/core/src/foundations/ionic.vars.scss
index be9d6ea71f..1582e707e5 100644
--- a/core/src/foundations/ionic.vars.scss
+++ b/core/src/foundations/ionic.vars.scss
@@ -3,578 +3,6 @@ Do not edit directly, this file was auto-generated.
 */
 @use "../themes/functions.sizes" as font;
 
-$ion-semantics-primary-100: var(--ion-semantics-primary-100, #f2f4fd);
-$ion-semantics-primary-100-rgb: var(--ion-semantics-primary-100-rgb, 242, 244, 253);
-$ion-semantics-primary-200: var(--ion-semantics-primary-200, #e9ecfc);
-$ion-semantics-primary-200-rgb: var(--ion-semantics-primary-200-rgb, 233, 236, 252);
-$ion-semantics-primary-300: var(--ion-semantics-primary-300, #d0d7fa);
-$ion-semantics-primary-300-rgb: var(--ion-semantics-primary-300-rgb, 208, 215, 250);
-$ion-semantics-primary-400: var(--ion-semantics-primary-400, #b5c0f7);
-$ion-semantics-primary-400-rgb: var(--ion-semantics-primary-400-rgb, 181, 192, 247);
-$ion-semantics-primary-500: var(--ion-semantics-primary-500, #94a5f4);
-$ion-semantics-primary-500-rgb: var(--ion-semantics-primary-500-rgb, 148, 165, 244);
-$ion-semantics-primary-600: var(--ion-semantics-primary-600, #6986f2);
-$ion-semantics-primary-600-rgb: var(--ion-semantics-primary-600-rgb, 105, 134, 242);
-$ion-semantics-primary-700: var(--ion-semantics-primary-700, #105cef);
-$ion-semantics-primary-700-rgb: var(--ion-semantics-primary-700-rgb, 16, 92, 239);
-$ion-semantics-primary-800: var(--ion-semantics-primary-800, #0f54da);
-$ion-semantics-primary-800-rgb: var(--ion-semantics-primary-800-rgb, 15, 84, 218);
-$ion-semantics-primary-900: var(--ion-semantics-primary-900, #0d4bc3);
-$ion-semantics-primary-900-rgb: var(--ion-semantics-primary-900-rgb, 13, 75, 195);
-$ion-semantics-primary-1000: var(--ion-semantics-primary-1000, #0b41a9);
-$ion-semantics-primary-1000-rgb: var(--ion-semantics-primary-1000-rgb, 11, 65, 169);
-$ion-semantics-primary-1100: var(--ion-semantics-primary-1100, #09358a);
-$ion-semantics-primary-1100-rgb: var(--ion-semantics-primary-1100-rgb, 9, 53, 138);
-$ion-semantics-primary-1200: var(--ion-semantics-primary-1200, #072561);
-$ion-semantics-primary-1200-rgb: var(--ion-semantics-primary-1200-rgb, 7, 37, 97);
-$ion-semantics-primary-base: var(--ion-semantics-primary-base, #105cef);
-$ion-semantics-primary-base-rgb: var(--ion-semantics-primary-base-rgb, 16, 92, 239);
-$ion-semantics-info-100: var(--ion-semantics-info-100, #f2f4fd);
-$ion-semantics-info-100-rgb: var(--ion-semantics-info-100-rgb, 242, 244, 253);
-$ion-semantics-info-200: var(--ion-semantics-info-200, #e9ecfc);
-$ion-semantics-info-200-rgb: var(--ion-semantics-info-200-rgb, 233, 236, 252);
-$ion-semantics-info-300: var(--ion-semantics-info-300, #d0d7fa);
-$ion-semantics-info-300-rgb: var(--ion-semantics-info-300-rgb, 208, 215, 250);
-$ion-semantics-info-400: var(--ion-semantics-info-400, #b5c0f7);
-$ion-semantics-info-400-rgb: var(--ion-semantics-info-400-rgb, 181, 192, 247);
-$ion-semantics-info-500: var(--ion-semantics-info-500, #94a5f4);
-$ion-semantics-info-500-rgb: var(--ion-semantics-info-500-rgb, 148, 165, 244);
-$ion-semantics-info-600: var(--ion-semantics-info-600, #6986f2);
-$ion-semantics-info-600-rgb: var(--ion-semantics-info-600-rgb, 105, 134, 242);
-$ion-semantics-info-700: var(--ion-semantics-info-700, #105cef);
-$ion-semantics-info-700-rgb: var(--ion-semantics-info-700-rgb, 16, 92, 239);
-$ion-semantics-info-800: var(--ion-semantics-info-800, #0f54da);
-$ion-semantics-info-800-rgb: var(--ion-semantics-info-800-rgb, 15, 84, 218);
-$ion-semantics-info-900: var(--ion-semantics-info-900, #0d4bc3);
-$ion-semantics-info-900-rgb: var(--ion-semantics-info-900-rgb, 13, 75, 195);
-$ion-semantics-info-1000: var(--ion-semantics-info-1000, #0b41a9);
-$ion-semantics-info-1000-rgb: var(--ion-semantics-info-1000-rgb, 11, 65, 169);
-$ion-semantics-info-1100: var(--ion-semantics-info-1100, #09358a);
-$ion-semantics-info-1100-rgb: var(--ion-semantics-info-1100-rgb, 9, 53, 138);
-$ion-semantics-info-1200: var(--ion-semantics-info-1200, #072561);
-$ion-semantics-info-1200-rgb: var(--ion-semantics-info-1200-rgb, 7, 37, 97);
-$ion-semantics-info-base: var(--ion-semantics-info-base, #105cef);
-$ion-semantics-info-base-rgb: var(--ion-semantics-info-base-rgb, 16, 92, 239);
-$ion-semantics-success-100: var(--ion-semantics-success-100, #ebf9ec);
-$ion-semantics-success-100-rgb: var(--ion-semantics-success-100-rgb, 235, 249, 236);
-$ion-semantics-success-200: var(--ion-semantics-success-200, #dcf5de);
-$ion-semantics-success-200-rgb: var(--ion-semantics-success-200-rgb, 220, 245, 222);
-$ion-semantics-success-300: var(--ion-semantics-success-300, #b3ebb7);
-$ion-semantics-success-300-rgb: var(--ion-semantics-success-300-rgb, 179, 235, 183);
-$ion-semantics-success-400: var(--ion-semantics-success-400, #7fe089);
-$ion-semantics-success-400-rgb: var(--ion-semantics-success-400-rgb, 127, 224, 137);
-$ion-semantics-success-500: var(--ion-semantics-success-500, #23d643);
-$ion-semantics-success-500-rgb: var(--ion-semantics-success-500-rgb, 35, 214, 67);
-$ion-semantics-success-600: var(--ion-semantics-success-600, #1fbd3b);
-$ion-semantics-success-600-rgb: var(--ion-semantics-success-600-rgb, 31, 189, 59);
-$ion-semantics-success-700: var(--ion-semantics-success-700, #1ba433);
-$ion-semantics-success-700-rgb: var(--ion-semantics-success-700-rgb, 27, 164, 51);
-$ion-semantics-success-800: var(--ion-semantics-success-800, #178a2b);
-$ion-semantics-success-800-rgb: var(--ion-semantics-success-800-rgb, 23, 138, 43);
-$ion-semantics-success-900: var(--ion-semantics-success-900, #126f23);
-$ion-semantics-success-900-rgb: var(--ion-semantics-success-900-rgb, 18, 111, 35);
-$ion-semantics-success-1000: var(--ion-semantics-success-1000, #0e531a);
-$ion-semantics-success-1000-rgb: var(--ion-semantics-success-1000-rgb, 14, 83, 26);
-$ion-semantics-success-1100: var(--ion-semantics-success-1100, #093811);
-$ion-semantics-success-1100-rgb: var(--ion-semantics-success-1100-rgb, 9, 56, 17);
-$ion-semantics-success-1200: var(--ion-semantics-success-1200, #051d09);
-$ion-semantics-success-1200-rgb: var(--ion-semantics-success-1200-rgb, 5, 29, 9);
-$ion-semantics-success-base: var(--ion-semantics-success-base, #1ba433);
-$ion-semantics-success-base-rgb: var(--ion-semantics-success-base-rgb, 27, 164, 51);
-$ion-semantics-danger-100: var(--ion-semantics-danger-100, #feeded);
-$ion-semantics-danger-100-rgb: var(--ion-semantics-danger-100-rgb, 254, 237, 237);
-$ion-semantics-danger-200: var(--ion-semantics-danger-200, #fde1e1);
-$ion-semantics-danger-200-rgb: var(--ion-semantics-danger-200-rgb, 253, 225, 225);
-$ion-semantics-danger-300: var(--ion-semantics-danger-300, #fcc1c1);
-$ion-semantics-danger-300-rgb: var(--ion-semantics-danger-300-rgb, 252, 193, 193);
-$ion-semantics-danger-400: var(--ion-semantics-danger-400, #faa1a1);
-$ion-semantics-danger-400-rgb: var(--ion-semantics-danger-400-rgb, 250, 161, 161);
-$ion-semantics-danger-500: var(--ion-semantics-danger-500, #f97d7d);
-$ion-semantics-danger-500-rgb: var(--ion-semantics-danger-500-rgb, 249, 125, 125);
-$ion-semantics-danger-600: var(--ion-semantics-danger-600, #f85151);
-$ion-semantics-danger-600-rgb: var(--ion-semantics-danger-600-rgb, 248, 81, 81);
-$ion-semantics-danger-700: var(--ion-semantics-danger-700, #e52929);
-$ion-semantics-danger-700-rgb: var(--ion-semantics-danger-700-rgb, 229, 41, 41);
-$ion-semantics-danger-800: var(--ion-semantics-danger-800, #bf2222);
-$ion-semantics-danger-800-rgb: var(--ion-semantics-danger-800-rgb, 191, 34, 34);
-$ion-semantics-danger-900: var(--ion-semantics-danger-900, #991b1b);
-$ion-semantics-danger-900-rgb: var(--ion-semantics-danger-900-rgb, 153, 27, 27);
-$ion-semantics-danger-1000: var(--ion-semantics-danger-1000, #761515);
-$ion-semantics-danger-1000-rgb: var(--ion-semantics-danger-1000-rgb, 118, 21, 21);
-$ion-semantics-danger-1100: var(--ion-semantics-danger-1100, #540f0f);
-$ion-semantics-danger-1100-rgb: var(--ion-semantics-danger-1100-rgb, 84, 15, 15);
-$ion-semantics-danger-1200: var(--ion-semantics-danger-1200, #330909);
-$ion-semantics-danger-1200-rgb: var(--ion-semantics-danger-1200-rgb, 51, 9, 9);
-$ion-semantics-danger-base: var(--ion-semantics-danger-base, #e52929);
-$ion-semantics-danger-base-rgb: var(--ion-semantics-danger-base-rgb, 229, 41, 41);
-$ion-semantics-warning-100: var(--ion-semantics-warning-100, #fff9ea);
-$ion-semantics-warning-100-rgb: var(--ion-semantics-warning-100-rgb, 255, 249, 234);
-$ion-semantics-warning-200: var(--ion-semantics-warning-200, #fff5db);
-$ion-semantics-warning-200-rgb: var(--ion-semantics-warning-200-rgb, 255, 245, 219);
-$ion-semantics-warning-300: var(--ion-semantics-warning-300, #ffebb1);
-$ion-semantics-warning-300-rgb: var(--ion-semantics-warning-300-rgb, 255, 235, 177);
-$ion-semantics-warning-400: var(--ion-semantics-warning-400, #ffe07b);
-$ion-semantics-warning-400-rgb: var(--ion-semantics-warning-400-rgb, 255, 224, 123);
-$ion-semantics-warning-500: var(--ion-semantics-warning-500, #ffd600);
-$ion-semantics-warning-500-rgb: var(--ion-semantics-warning-500-rgb, 255, 214, 0);
-$ion-semantics-warning-600: var(--ion-semantics-warning-600, #f9bd0a);
-$ion-semantics-warning-600-rgb: var(--ion-semantics-warning-600-rgb, 249, 189, 10);
-$ion-semantics-warning-700: var(--ion-semantics-warning-700, #df9c00);
-$ion-semantics-warning-700-rgb: var(--ion-semantics-warning-700-rgb, 223, 156, 0);
-$ion-semantics-warning-800: var(--ion-semantics-warning-800, #ba8200);
-$ion-semantics-warning-800-rgb: var(--ion-semantics-warning-800-rgb, 186, 130, 0);
-$ion-semantics-warning-900: var(--ion-semantics-warning-900, #966503);
-$ion-semantics-warning-900-rgb: var(--ion-semantics-warning-900-rgb, 150, 101, 3);
-$ion-semantics-warning-1000: var(--ion-semantics-warning-1000, #704b02);
-$ion-semantics-warning-1000-rgb: var(--ion-semantics-warning-1000-rgb, 112, 75, 2);
-$ion-semantics-warning-1100: var(--ion-semantics-warning-1100, #533802);
-$ion-semantics-warning-1100-rgb: var(--ion-semantics-warning-1100-rgb, 83, 56, 2);
-$ion-semantics-warning-1200: var(--ion-semantics-warning-1200, #2c1e02);
-$ion-semantics-warning-1200-rgb: var(--ion-semantics-warning-1200-rgb, 44, 30, 2);
-$ion-semantics-warning-base: var(--ion-semantics-warning-base, #ffd600);
-$ion-semantics-warning-base-rgb: var(--ion-semantics-warning-base-rgb, 255, 214, 0);
-$ion-bg-primary-base-default: var(--ion-bg-primary-base-default, #105cef);
-$ion-bg-primary-base-default-rgb: var(--ion-bg-primary-base-default-rgb, 16, 92, 239);
-$ion-bg-primary-base-press: var(--ion-bg-primary-base-press, #0d4bc3);
-$ion-bg-primary-base-press-rgb: var(--ion-bg-primary-base-press-rgb, 13, 75, 195);
-$ion-bg-primary-subtle-default: var(--ion-bg-primary-subtle-default, #f2f4fd);
-$ion-bg-primary-subtle-default-rgb: var(--ion-bg-primary-subtle-default-rgb, 242, 244, 253);
-$ion-bg-primary-subtle-press: var(--ion-bg-primary-subtle-press, #d0d7fa);
-$ion-bg-primary-subtle-press-rgb: var(--ion-bg-primary-subtle-press-rgb, 208, 215, 250);
-$ion-bg-danger-base-default: var(--ion-bg-danger-base-default, #bf2222);
-$ion-bg-danger-base-default-rgb: var(--ion-bg-danger-base-default-rgb, 191, 34, 34);
-$ion-bg-danger-base-press: var(--ion-bg-danger-base-press, #761515);
-$ion-bg-danger-base-press-rgb: var(--ion-bg-danger-base-press-rgb, 118, 21, 21);
-$ion-bg-danger-subtle-default: var(--ion-bg-danger-subtle-default, #feeded);
-$ion-bg-danger-subtle-default-rgb: var(--ion-bg-danger-subtle-default-rgb, 254, 237, 237);
-$ion-bg-danger-subtle-press: var(--ion-bg-danger-subtle-press, #fcc1c1);
-$ion-bg-danger-subtle-press-rgb: var(--ion-bg-danger-subtle-press-rgb, 252, 193, 193);
-$ion-bg-success-base-default: var(--ion-bg-success-base-default, #126f23);
-$ion-bg-success-base-default-rgb: var(--ion-bg-success-base-default-rgb, 18, 111, 35);
-$ion-bg-success-base-press: var(--ion-bg-success-base-press, #093811);
-$ion-bg-success-base-press-rgb: var(--ion-bg-success-base-press-rgb, 9, 56, 17);
-$ion-bg-success-subtle-default: var(--ion-bg-success-subtle-default, #ebf9ec);
-$ion-bg-success-subtle-default-rgb: var(--ion-bg-success-subtle-default-rgb, 235, 249, 236);
-$ion-bg-success-subtle-press: var(--ion-bg-success-subtle-press, #b3ebb7);
-$ion-bg-success-subtle-press-rgb: var(--ion-bg-success-subtle-press-rgb, 179, 235, 183);
-$ion-bg-info-base-default: var(--ion-bg-info-base-default, #0d4bc3);
-$ion-bg-info-base-default-rgb: var(--ion-bg-info-base-default-rgb, 13, 75, 195);
-$ion-bg-info-base-press: var(--ion-bg-info-base-press, #09358a);
-$ion-bg-info-base-press-rgb: var(--ion-bg-info-base-press-rgb, 9, 53, 138);
-$ion-bg-info-subtle-default: var(--ion-bg-info-subtle-default, #f2f4fd);
-$ion-bg-info-subtle-default-rgb: var(--ion-bg-info-subtle-default-rgb, 242, 244, 253);
-$ion-bg-info-subtle-press: var(--ion-bg-info-subtle-press, #d0d7fa);
-$ion-bg-info-subtle-press-rgb: var(--ion-bg-info-subtle-press-rgb, 208, 215, 250);
-$ion-bg-warning-base-default: var(--ion-bg-warning-base-default, #ffd600);
-$ion-bg-warning-base-default-rgb: var(--ion-bg-warning-base-default-rgb, 255, 214, 0);
-$ion-bg-warning-base-press: var(--ion-bg-warning-base-press, #df9c00);
-$ion-bg-warning-base-press-rgb: var(--ion-bg-warning-base-press-rgb, 223, 156, 0);
-$ion-bg-warning-subtle-default: var(--ion-bg-warning-subtle-default, #fff5db);
-$ion-bg-warning-subtle-default-rgb: var(--ion-bg-warning-subtle-default-rgb, 255, 245, 219);
-$ion-bg-warning-subtle-press: var(--ion-bg-warning-subtle-press, #ffe07b);
-$ion-bg-warning-subtle-press-rgb: var(--ion-bg-warning-subtle-press-rgb, 255, 224, 123);
-$ion-bg-body: var(--ion-bg-body, #ffffff);
-$ion-bg-body-rgb: var(--ion-bg-body-rgb, 255, 255, 255);
-$ion-bg-neutral-subtle-default: var(--ion-bg-neutral-subtle-default, #efefef);
-$ion-bg-neutral-subtle-default-rgb: var(--ion-bg-neutral-subtle-default-rgb, 239, 239, 239);
-$ion-bg-neutral-subtle-press: var(--ion-bg-neutral-subtle-press, #d5d5d5);
-$ion-bg-neutral-subtle-press-rgb: var(--ion-bg-neutral-subtle-press-rgb, 213, 213, 213);
-$ion-bg-neutral-base-default: var(--ion-bg-neutral-base-default, #a2a2a2);
-$ion-bg-neutral-base-default-rgb: var(--ion-bg-neutral-base-default-rgb, 162, 162, 162);
-$ion-bg-neutral-base-press: var(--ion-bg-neutral-base-press, #777777);
-$ion-bg-neutral-base-press-rgb: var(--ion-bg-neutral-base-press-rgb, 119, 119, 119);
-$ion-bg-neutral-subtlest-default: var(--ion-bg-neutral-subtlest-default, #ffffff);
-$ion-bg-neutral-subtlest-default-rgb: var(--ion-bg-neutral-subtlest-default-rgb, 255, 255, 255);
-$ion-bg-neutral-subtlest-press: var(--ion-bg-neutral-subtlest-press, #efefef);
-$ion-bg-neutral-subtlest-press-rgb: var(--ion-bg-neutral-subtlest-press-rgb, 239, 239, 239);
-$ion-bg-neutral-bold-default: var(--ion-bg-neutral-bold-default, #3b3b3b);
-$ion-bg-neutral-bold-default-rgb: var(--ion-bg-neutral-bold-default-rgb, 59, 59, 59);
-$ion-bg-neutral-bold-press: var(--ion-bg-neutral-bold-press, #242424);
-$ion-bg-neutral-bold-press-rgb: var(--ion-bg-neutral-bold-press-rgb, 36, 36, 36);
-$ion-bg-neutral-boldest-default: var(--ion-bg-neutral-boldest-default, #242424);
-$ion-bg-neutral-boldest-default-rgb: var(--ion-bg-neutral-boldest-default-rgb, 36, 36, 36);
-$ion-bg-neutral-boldest-press: var(--ion-bg-neutral-boldest-press, #111111);
-$ion-bg-neutral-boldest-press-rgb: var(--ion-bg-neutral-boldest-press-rgb, 17, 17, 17);
-$ion-bg-surface-default: var(--ion-bg-surface-default, #ffffff);
-$ion-bg-surface-default-rgb: var(--ion-bg-surface-default-rgb, 255, 255, 255);
-$ion-bg-surface-inverse: var(--ion-bg-surface-inverse, #ffffff);
-$ion-bg-surface-inverse-rgb: var(--ion-bg-surface-inverse-rgb, 255, 255, 255);
-$ion-bg-input-default: var(--ion-bg-input-default, #ffffff);
-$ion-bg-input-default-rgb: var(--ion-bg-input-default-rgb, 255, 255, 255);
-$ion-bg-input-read-only: var(--ion-bg-input-read-only, #f5f5f5);
-$ion-bg-input-read-only-rgb: var(--ion-bg-input-read-only-rgb, 245, 245, 245);
-$ion-bg-input-press: var(--ion-bg-input-press, #efefef);
-$ion-bg-input-press-rgb: var(--ion-bg-input-press-rgb, 239, 239, 239);
-$ion-bg-input-disabled: var(--ion-bg-input-disabled, #f5f5f5);
-$ion-bg-input-disabled-rgb: var(--ion-bg-input-disabled-rgb, 245, 245, 245);
-$ion-bg-input-bold-default: var(--ion-bg-input-bold-default, #efefef);
-$ion-bg-input-bold-default-rgb: var(--ion-bg-input-bold-default-rgb, 239, 239, 239);
-$ion-bg-input-bold-press: var(--ion-bg-input-bold-press, #d5d5d5);
-$ion-bg-input-bold-press-rgb: var(--ion-bg-input-bold-press-rgb, 213, 213, 213);
-$ion-bg-input-bold-read-only: var(--ion-bg-input-bold-read-only, #e0e0e0);
-$ion-bg-input-bold-read-only-rgb: var(--ion-bg-input-bold-read-only-rgb, 224, 224, 224);
-$ion-bg-input-bold-disabled: var(--ion-bg-input-bold-disabled, #e0e0e0);
-$ion-bg-input-bold-disabled-rgb: var(--ion-bg-input-bold-disabled-rgb, 224, 224, 224);
-$ion-bg-select-default: var(--ion-bg-select-default, #f2f4fd);
-$ion-bg-select-default-rgb: var(--ion-bg-select-default-rgb, 242, 244, 253);
-$ion-bg-select-press: var(--ion-bg-select-press, #d0d7fa);
-$ion-bg-select-press-rgb: var(--ion-bg-select-press-rgb, 208, 215, 250);
-$ion-bg-extended-pumpkin-base-default: var(--ion-bg-extended-pumpkin-base-default, #bd4705);
-$ion-bg-extended-pumpkin-base-default-rgb: var(--ion-bg-extended-pumpkin-base-default-rgb, 189, 71, 5);
-$ion-bg-extended-pumpkin-base-press: var(--ion-bg-extended-pumpkin-base-press, #803004);
-$ion-bg-extended-pumpkin-base-press-rgb: var(--ion-bg-extended-pumpkin-base-press-rgb, 128, 48, 4);
-$ion-bg-extended-pumpkin-subtle-default: var(--ion-bg-extended-pumpkin-subtle-default, #feedea);
-$ion-bg-extended-pumpkin-subtle-default-rgb: var(--ion-bg-extended-pumpkin-subtle-default-rgb, 254, 237, 234);
-$ion-bg-extended-pumpkin-subtle-press: var(--ion-bg-extended-pumpkin-subtle-press, #fbbdb1);
-$ion-bg-extended-pumpkin-subtle-press-rgb: var(--ion-bg-extended-pumpkin-subtle-press-rgb, 251, 189, 177);
-$ion-bg-extended-orange-base-default: var(--ion-bg-extended-orange-base-default, #a45f00);
-$ion-bg-extended-orange-base-default-rgb: var(--ion-bg-extended-orange-base-default-rgb, 164, 95, 0);
-$ion-bg-extended-orange-base-press: var(--ion-bg-extended-orange-base-press, #633a00);
-$ion-bg-extended-orange-base-press-rgb: var(--ion-bg-extended-orange-base-press-rgb, 99, 58, 0);
-$ion-bg-extended-orange-subtle-default: var(--ion-bg-extended-orange-subtle-default, #fff1ea);
-$ion-bg-extended-orange-subtle-default-rgb: var(--ion-bg-extended-orange-subtle-default-rgb, 255, 241, 234);
-$ion-bg-extended-orange-subtle-press: var(--ion-bg-extended-orange-subtle-press, #ffcfb1);
-$ion-bg-extended-orange-subtle-press-rgb: var(--ion-bg-extended-orange-subtle-press-rgb, 255, 207, 177);
-$ion-bg-extended-lime-base-default: var(--ion-bg-extended-lime-base-default, #53730c);
-$ion-bg-extended-lime-base-default-rgb: var(--ion-bg-extended-lime-base-default-rgb, 83, 115, 12);
-$ion-bg-extended-lime-base-press: var(--ion-bg-extended-lime-base-press, #2a3a06);
-$ion-bg-extended-lime-base-press-rgb: var(--ion-bg-extended-lime-base-press-rgb, 42, 58, 6);
-$ion-bg-extended-lime-subtle-default: var(--ion-bg-extended-lime-subtle-default, #f3faea);
-$ion-bg-extended-lime-subtle-default-rgb: var(--ion-bg-extended-lime-subtle-default-rgb, 243, 250, 234);
-$ion-bg-extended-lime-subtle-press: var(--ion-bg-extended-lime-subtle-press, #d3efb2);
-$ion-bg-extended-lime-subtle-press-rgb: var(--ion-bg-extended-lime-subtle-press-rgb, 211, 239, 178);
-$ion-bg-extended-teal-base-default: var(--ion-bg-extended-teal-base-default, #008576);
-$ion-bg-extended-teal-base-default-rgb: var(--ion-bg-extended-teal-base-default-rgb, 0, 133, 118);
-$ion-bg-extended-teal-base-press: var(--ion-bg-extended-teal-base-press, #005147);
-$ion-bg-extended-teal-base-press-rgb: var(--ion-bg-extended-teal-base-press-rgb, 0, 81, 71);
-$ion-bg-extended-teal-subtle-default: var(--ion-bg-extended-teal-subtle-default, #eaf8f5);
-$ion-bg-extended-teal-subtle-default-rgb: var(--ion-bg-extended-teal-subtle-default-rgb, 234, 248, 245);
-$ion-bg-extended-teal-subtle-press: var(--ion-bg-extended-teal-subtle-press, #b1e7dd);
-$ion-bg-extended-teal-subtle-press-rgb: var(--ion-bg-extended-teal-subtle-press-rgb, 177, 231, 221);
-$ion-bg-extended-aqua-base-default: var(--ion-bg-extended-aqua-base-default, #146d81);
-$ion-bg-extended-aqua-base-default-rgb: var(--ion-bg-extended-aqua-base-default-rgb, 20, 109, 129);
-$ion-bg-extended-aqua-base-press: var(--ion-bg-extended-aqua-base-press, #0a3741);
-$ion-bg-extended-aqua-base-press-rgb: var(--ion-bg-extended-aqua-base-press-rgb, 10, 55, 65);
-$ion-bg-extended-aqua-subtle-default: var(--ion-bg-extended-aqua-subtle-default, #ebf9fe);
-$ion-bg-extended-aqua-subtle-default-rgb: var(--ion-bg-extended-aqua-subtle-default-rgb, 235, 249, 254);
-$ion-bg-extended-aqua-subtle-press: var(--ion-bg-extended-aqua-subtle-press, #b3e9fc);
-$ion-bg-extended-aqua-subtle-press-rgb: var(--ion-bg-extended-aqua-subtle-press-rgb, 179, 233, 252);
-$ion-bg-extended-indigo-base-default: var(--ion-bg-extended-indigo-base-default, #411bd5);
-$ion-bg-extended-indigo-base-default-rgb: var(--ion-bg-extended-indigo-base-default-rgb, 65, 27, 213);
-$ion-bg-extended-indigo-base-press: var(--ion-bg-extended-indigo-base-press, #3516ae);
-$ion-bg-extended-indigo-base-press-rgb: var(--ion-bg-extended-indigo-base-press-rgb, 53, 22, 174);
-$ion-bg-extended-indigo-subtle-default: var(--ion-bg-extended-indigo-subtle-default, #f3f2fb);
-$ion-bg-extended-indigo-subtle-default-rgb: var(--ion-bg-extended-indigo-subtle-default-rgb, 243, 242, 251);
-$ion-bg-extended-indigo-subtle-press: var(--ion-bg-extended-indigo-subtle-press, #d3d1f2);
-$ion-bg-extended-indigo-subtle-press-rgb: var(--ion-bg-extended-indigo-subtle-press-rgb, 211, 209, 242);
-$ion-bg-extended-violet-base-default: var(--ion-bg-extended-violet-base-default, #7c20f2);
-$ion-bg-extended-violet-base-default-rgb: var(--ion-bg-extended-violet-base-default-rgb, 124, 32, 242);
-$ion-bg-extended-violet-base-press: var(--ion-bg-extended-violet-base-press, #651ac5);
-$ion-bg-extended-violet-base-press-rgb: var(--ion-bg-extended-violet-base-press-rgb, 101, 26, 197);
-$ion-bg-extended-violet-subtle-default: var(--ion-bg-extended-violet-subtle-default, #f5f2fe);
-$ion-bg-extended-violet-subtle-default-rgb: var(--ion-bg-extended-violet-subtle-default-rgb, 245, 242, 254);
-$ion-bg-extended-violet-subtle-press: var(--ion-bg-extended-violet-subtle-press, #dcd1fb);
-$ion-bg-extended-violet-subtle-press-rgb: var(--ion-bg-extended-violet-subtle-press-rgb, 220, 209, 251);
-$ion-bg-extended-purple-base-default: var(--ion-bg-extended-purple-base-default, #a737dc);
-$ion-bg-extended-purple-base-default-rgb: var(--ion-bg-extended-purple-base-default-rgb, 167, 55, 220);
-$ion-bg-extended-purple-base-press: var(--ion-bg-extended-purple-base-press, #812aaa);
-$ion-bg-extended-purple-base-press-rgb: var(--ion-bg-extended-purple-base-press-rgb, 129, 42, 170);
-$ion-bg-extended-purple-subtle-default: var(--ion-bg-extended-purple-subtle-default, #f9f3fe);
-$ion-bg-extended-purple-subtle-default-rgb: var(--ion-bg-extended-purple-subtle-default-rgb, 249, 243, 254);
-$ion-bg-extended-purple-subtle-press: var(--ion-bg-extended-purple-subtle-press, #e9d3fa);
-$ion-bg-extended-purple-subtle-press-rgb: var(--ion-bg-extended-purple-subtle-press-rgb, 233, 211, 250);
-$ion-bg-extended-magenta-base-default: var(--ion-bg-extended-magenta-base-default, #c13cac);
-$ion-bg-extended-magenta-base-default-rgb: var(--ion-bg-extended-magenta-base-default-rgb, 193, 60, 172);
-$ion-bg-extended-magenta-base-press: var(--ion-bg-extended-magenta-base-press, #892b7a);
-$ion-bg-extended-magenta-base-press-rgb: var(--ion-bg-extended-magenta-base-press-rgb, 137, 43, 122);
-$ion-bg-extended-magenta-subtle-default: var(--ion-bg-extended-magenta-subtle-default, #fdf3fb);
-$ion-bg-extended-magenta-subtle-default-rgb: var(--ion-bg-extended-magenta-subtle-default-rgb, 253, 243, 251);
-$ion-bg-extended-magenta-subtle-press: var(--ion-bg-extended-magenta-subtle-press, #f9d4f1);
-$ion-bg-extended-magenta-subtle-press-rgb: var(--ion-bg-extended-magenta-subtle-press-rgb, 249, 212, 241);
-$ion-bg-extended-pink-base-default: var(--ion-bg-extended-pink-base-default, #c53066);
-$ion-bg-extended-pink-base-default-rgb: var(--ion-bg-extended-pink-base-default-rgb, 197, 48, 102);
-$ion-bg-extended-pink-base-press: var(--ion-bg-extended-pink-base-press, #8b2248);
-$ion-bg-extended-pink-base-press-rgb: var(--ion-bg-extended-pink-base-press-rgb, 139, 34, 72);
-$ion-bg-extended-pink-subtle-default: var(--ion-bg-extended-pink-subtle-default, #fef3f5);
-$ion-bg-extended-pink-subtle-default-rgb: var(--ion-bg-extended-pink-subtle-default-rgb, 254, 243, 245);
-$ion-bg-extended-pink-subtle-press: var(--ion-bg-extended-pink-subtle-press, #fad3dc);
-$ion-bg-extended-pink-subtle-press-rgb: var(--ion-bg-extended-pink-subtle-press-rgb, 250, 211, 220);
-$ion-text-default: var(--ion-text-default, #242424);
-$ion-text-default-rgb: var(--ion-text-default-rgb, 36, 36, 36);
-$ion-text-subtle: var(--ion-text-subtle, #3b3b3b);
-$ion-text-subtle-rgb: var(--ion-text-subtle-rgb, 59, 59, 59);
-$ion-text-subtlest: var(--ion-text-subtlest, #626262);
-$ion-text-subtlest-rgb: var(--ion-text-subtlest-rgb, 98, 98, 98);
-$ion-text-primary: var(--ion-text-primary, #0d4bc3);
-$ion-text-primary-rgb: var(--ion-text-primary-rgb, 13, 75, 195);
-$ion-text-disabled: var(--ion-text-disabled, #a2a2a2);
-$ion-text-disabled-rgb: var(--ion-text-disabled-rgb, 162, 162, 162);
-$ion-text-danger: var(--ion-text-danger, #991b1b);
-$ion-text-danger-rgb: var(--ion-text-danger-rgb, 153, 27, 27);
-$ion-text-info: var(--ion-text-info, #0d4bc3);
-$ion-text-info-rgb: var(--ion-text-info-rgb, 13, 75, 195);
-$ion-text-warning: var(--ion-text-warning, #704b02);
-$ion-text-warning-rgb: var(--ion-text-warning-rgb, 112, 75, 2);
-$ion-text-success: var(--ion-text-success, #126f23);
-$ion-text-success-rgb: var(--ion-text-success-rgb, 18, 111, 35);
-$ion-text-link-default: var(--ion-text-link-default, #105cef);
-$ion-text-link-default-rgb: var(--ion-text-link-default-rgb, 16, 92, 239);
-$ion-text-link-press: var(--ion-text-link-press, #0f54da);
-$ion-text-link-press-rgb: var(--ion-text-link-press-rgb, 15, 84, 218);
-$ion-text-link-visited: var(--ion-text-link-visited, #0d4bc3);
-$ion-text-link-visited-rgb: var(--ion-text-link-visited-rgb, 13, 75, 195);
-$ion-text-inverse: var(--ion-text-inverse, #ffffff);
-$ion-text-inverse-rgb: var(--ion-text-inverse-rgb, 255, 255, 255);
-$ion-text-select: var(--ion-text-select, #0f54da);
-$ion-text-select-rgb: var(--ion-text-select-rgb, 15, 84, 218);
-$ion-text-extended-pumpkin: var(--ion-text-extended-pumpkin, #803004);
-$ion-text-extended-pumpkin-rgb: var(--ion-text-extended-pumpkin-rgb, 128, 48, 4);
-$ion-text-extended-orange: var(--ion-text-extended-orange, #844d00);
-$ion-text-extended-orange-rgb: var(--ion-text-extended-orange-rgb, 132, 77, 0);
-$ion-text-extended-lime: var(--ion-text-extended-lime, #3e5709);
-$ion-text-extended-lime-rgb: var(--ion-text-extended-lime-rgb, 62, 87, 9);
-$ion-text-extended-teal: var(--ion-text-extended-teal, #006b5f);
-$ion-text-extended-teal-rgb: var(--ion-text-extended-teal-rgb, 0, 107, 95);
-$ion-text-extended-aqua: var(--ion-text-extended-aqua, #146d81);
-$ion-text-extended-aqua-rgb: var(--ion-text-extended-aqua-rgb, 20, 109, 129);
-$ion-text-extended-indigo: var(--ion-text-extended-indigo, #3516ae);
-$ion-text-extended-indigo-rgb: var(--ion-text-extended-indigo-rgb, 53, 22, 174);
-$ion-text-extended-violet: var(--ion-text-extended-violet, #651ac5);
-$ion-text-extended-violet-rgb: var(--ion-text-extended-violet-rgb, 101, 26, 197);
-$ion-text-extended-purple: var(--ion-text-extended-purple, #812aaa);
-$ion-text-extended-purple-rgb: var(--ion-text-extended-purple-rgb, 129, 42, 170);
-$ion-text-extended-magenta: var(--ion-text-extended-magenta, #892b7a);
-$ion-text-extended-magenta-rgb: var(--ion-text-extended-magenta-rgb, 137, 43, 122);
-$ion-text-extended-pink: var(--ion-text-extended-pink, #aa2a58);
-$ion-text-extended-pink-rgb: var(--ion-text-extended-pink-rgb, 170, 42, 88);
-$ion-border-default: var(--ion-border-default, #d5d5d5);
-$ion-border-default-rgb: var(--ion-border-default-rgb, 213, 213, 213);
-$ion-border-boldest: var(--ion-border-boldest, #242424);
-$ion-border-boldest-rgb: var(--ion-border-boldest-rgb, 36, 36, 36);
-$ion-border-subtle: var(--ion-border-subtle, #f5f5f5);
-$ion-border-subtle-rgb: var(--ion-border-subtle-rgb, 245, 245, 245);
-$ion-border-subtlest: var(--ion-border-subtlest, #ffffff);
-$ion-border-subtlest-rgb: var(--ion-border-subtlest-rgb, 255, 255, 255);
-$ion-border-primary: var(--ion-border-primary, #105cef);
-$ion-border-primary-rgb: var(--ion-border-primary-rgb, 16, 92, 239);
-$ion-border-success: var(--ion-border-success, #126f23);
-$ion-border-success-rgb: var(--ion-border-success-rgb, 18, 111, 35);
-$ion-border-warning: var(--ion-border-warning, #966503);
-$ion-border-warning-rgb: var(--ion-border-warning-rgb, 150, 101, 3);
-$ion-border-disabled: var(--ion-border-disabled, #e0e0e0);
-$ion-border-disabled-rgb: var(--ion-border-disabled-rgb, 224, 224, 224);
-$ion-border-focus-0: var(--ion-border-focus-0, none);
-$ion-border-focus-default: var(--ion-border-focus-default, #b5c0f7);
-$ion-border-focus-default-rgb: var(--ion-border-focus-default-rgb, 181, 192, 247);
-$ion-border-focus-error: var(--ion-border-focus-error, #faa1a1);
-$ion-border-focus-error-rgb: var(--ion-border-focus-error-rgb, 250, 161, 161);
-$ion-border-danger-default: var(--ion-border-danger-default, #bf2222);
-$ion-border-danger-default-rgb: var(--ion-border-danger-default-rgb, 191, 34, 34);
-$ion-border-danger-press: var(--ion-border-danger-press, #761515);
-$ion-border-danger-press-rgb: var(--ion-border-danger-press-rgb, 118, 21, 21);
-$ion-border-input-default: var(--ion-border-input-default, #a2a2a2);
-$ion-border-input-default-rgb: var(--ion-border-input-default-rgb, 162, 162, 162);
-$ion-border-input-press: var(--ion-border-input-press, #777777);
-$ion-border-input-press-rgb: var(--ion-border-input-press-rgb, 119, 119, 119);
-$ion-border-input-read-only: var(--ion-border-input-read-only, #a2a2a2);
-$ion-border-input-read-only-rgb: var(--ion-border-input-read-only-rgb, 162, 162, 162);
-$ion-border-style-none: var(--ion-border-style-none, none);
-$ion-border-style-solid: var(--ion-border-style-solid, solid);
-$ion-border-style-dashed: var(--ion-border-style-dashed, dashed);
-$ion-border-style-dotted: var(--ion-border-style-dotted, dotted);
-$ion-border-size-0: var(--ion-border-size-0, 0px);
-$ion-border-size-025: var(--ion-border-size-025, 1px);
-$ion-border-size-050: var(--ion-border-size-050, 2px);
-$ion-border-size-075: var(--ion-border-size-075, 3px);
-$ion-border-radius-0: var(--ion-border-radius-0, 0px);
-$ion-border-radius-100: var(--ion-border-radius-100, 4px);
-$ion-border-radius-200: var(--ion-border-radius-200, 8px);
-$ion-border-radius-300: var(--ion-border-radius-300, 12px);
-$ion-border-radius-400: var(--ion-border-radius-400, 16px);
-$ion-border-radius-500: var(--ion-border-radius-500, 20px);
-$ion-border-radius-800: var(--ion-border-radius-800, 32px);
-$ion-border-radius-1000: var(--ion-border-radius-1000, 40px);
-$ion-border-radius-full: var(--ion-border-radius-full, 999px);
-$ion-border-radius-025: var(--ion-border-radius-025, 2px);
-$ion-icon-default: var(--ion-icon-default, #242424);
-$ion-icon-default-rgb: var(--ion-icon-default-rgb, 36, 36, 36);
-$ion-icon-subtle: var(--ion-icon-subtle, #3b3b3b);
-$ion-icon-subtle-rgb: var(--ion-icon-subtle-rgb, 59, 59, 59);
-$ion-icon-subtlest: var(--ion-icon-subtlest, #626262);
-$ion-icon-subtlest-rgb: var(--ion-icon-subtlest-rgb, 98, 98, 98);
-$ion-icon-disabled: var(--ion-icon-disabled, #a2a2a2);
-$ion-icon-disabled-rgb: var(--ion-icon-disabled-rgb, 162, 162, 162);
-$ion-icon-primary: var(--ion-icon-primary, #0d4bc3);
-$ion-icon-primary-rgb: var(--ion-icon-primary-rgb, 13, 75, 195);
-$ion-icon-select: var(--ion-icon-select, #0f54da);
-$ion-icon-select-rgb: var(--ion-icon-select-rgb, 15, 84, 218);
-$ion-icon-info: var(--ion-icon-info, #0d4bc3);
-$ion-icon-info-rgb: var(--ion-icon-info-rgb, 13, 75, 195);
-$ion-icon-success: var(--ion-icon-success, #126f23);
-$ion-icon-success-rgb: var(--ion-icon-success-rgb, 18, 111, 35);
-$ion-icon-danger: var(--ion-icon-danger, #991b1b);
-$ion-icon-danger-rgb: var(--ion-icon-danger-rgb, 153, 27, 27);
-$ion-icon-warning: var(--ion-icon-warning, #704b02);
-$ion-icon-warning-rgb: var(--ion-icon-warning-rgb, 112, 75, 2);
-$ion-icon-inverse: var(--ion-icon-inverse, #ffffff);
-$ion-icon-inverse-rgb: var(--ion-icon-inverse-rgb, 255, 255, 255);
-$ion-icon-link-default: var(--ion-icon-link-default, #105cef);
-$ion-icon-link-default-rgb: var(--ion-icon-link-default-rgb, 16, 92, 239);
-$ion-icon-link-press: var(--ion-icon-link-press, #0f54da);
-$ion-icon-link-press-rgb: var(--ion-icon-link-press-rgb, 15, 84, 218);
-$ion-icon-link-visited: var(--ion-icon-link-visited, #0d4bc3);
-$ion-icon-link-visited-rgb: var(--ion-icon-link-visited-rgb, 13, 75, 195);
-$ion-icon-extended-pumpkin: var(--ion-icon-extended-pumpkin, #803004);
-$ion-icon-extended-pumpkin-rgb: var(--ion-icon-extended-pumpkin-rgb, 128, 48, 4);
-$ion-icon-extended-orange: var(--ion-icon-extended-orange, #844d00);
-$ion-icon-extended-orange-rgb: var(--ion-icon-extended-orange-rgb, 132, 77, 0);
-$ion-icon-extended-lime: var(--ion-icon-extended-lime, #3e5709);
-$ion-icon-extended-lime-rgb: var(--ion-icon-extended-lime-rgb, 62, 87, 9);
-$ion-icon-extended-teal: var(--ion-icon-extended-teal, #006b5f);
-$ion-icon-extended-teal-rgb: var(--ion-icon-extended-teal-rgb, 0, 107, 95);
-$ion-icon-extended-aqua: var(--ion-icon-extended-aqua, #146d81);
-$ion-icon-extended-aqua-rgb: var(--ion-icon-extended-aqua-rgb, 20, 109, 129);
-$ion-icon-extended-indigo: var(--ion-icon-extended-indigo, #3516ae);
-$ion-icon-extended-indigo-rgb: var(--ion-icon-extended-indigo-rgb, 53, 22, 174);
-$ion-icon-extended-violet: var(--ion-icon-extended-violet, #651ac5);
-$ion-icon-extended-violet-rgb: var(--ion-icon-extended-violet-rgb, 101, 26, 197);
-$ion-icon-extended-purple: var(--ion-icon-extended-purple, #812aaa);
-$ion-icon-extended-purple-rgb: var(--ion-icon-extended-purple-rgb, 129, 42, 170);
-$ion-icon-extended-magenta: var(--ion-icon-extended-magenta, #892b7a);
-$ion-icon-extended-magenta-rgb: var(--ion-icon-extended-magenta-rgb, 137, 43, 122);
-$ion-icon-extended-pink: var(--ion-icon-extended-pink, #aa2a58);
-$ion-icon-extended-pink-rgb: var(--ion-icon-extended-pink-rgb, 170, 42, 88);
-$ion-state-disabled: var(--ion-state-disabled, rgba(255, 255, 255, 0.6));
-$ion-state-press: var(--ion-state-press, rgba(36, 36, 36, 0.08));
-$ion-elevation-1: var(--ion-elevation-1, 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 3px 9px 0px rgba(0, 0, 0, 0.07));
-$ion-elevation-2: var(--ion-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08));
-$ion-elevation-3: var(--ion-elevation-3, 0px 2px 7px 0px rgba(0, 0, 0, 0.05), 0px 6px 32px 0px rgba(0, 0, 0, 0.16));
-$ion-elevation-4: var(--ion-elevation-4, 0px 3px 12px 0px rgba(0, 0, 0, 0.12), 0px 15px 48px 0px rgba(0, 0, 0, 0.18));
-$ion-backdrop: var(--ion-backdrop, [object Object]);
-$ion-scale-0: var(--ion-scale-0, 0px);
-$ion-scale-100: var(--ion-scale-100, 4px);
-$ion-scale-150: var(--ion-scale-150, 6px);
-$ion-scale-200: var(--ion-scale-200, 8px);
-$ion-scale-250: var(--ion-scale-250, 10px);
-$ion-scale-300: var(--ion-scale-300, 12px);
-$ion-scale-400: var(--ion-scale-400, 16px);
-$ion-scale-500: var(--ion-scale-500, 20px);
-$ion-scale-600: var(--ion-scale-600, 24px);
-$ion-scale-700: var(--ion-scale-700, 28px);
-$ion-scale-800: var(--ion-scale-800, 32px);
-$ion-scale-900: var(--ion-scale-900, 36px);
-$ion-scale-1000: var(--ion-scale-1000, 40px);
-$ion-scale-1100: var(--ion-scale-1100, 44px);
-$ion-scale-1200: var(--ion-scale-1200, 48px);
-$ion-scale-1400: var(--ion-scale-1400, 56px);
-$ion-scale-1600: var(--ion-scale-1600, 64px);
-$ion-scale-1800: var(--ion-scale-1800, 72px);
-$ion-scale-2000: var(--ion-scale-2000, 80px);
-$ion-scale-2400: var(--ion-scale-2400, 96px);
-$ion-scale-2800: var(--ion-scale-2800, 112px);
-$ion-scale-3200: var(--ion-scale-3200, 128px);
-$ion-scale-3400: var(--ion-scale-3400, 136px);
-$ion-scale-3600: var(--ion-scale-3600, 144px);
-$ion-scale-4000: var(--ion-scale-4000, 160px);
-$ion-scale-5000: var(--ion-scale-5000, 200px);
-$ion-scale-6200: var(--ion-scale-6200, 248px);
-$ion-scale-7400: var(--ion-scale-7400, 296px);
-$ion-scale-9000: var(--ion-scale-9000, 360px);
-$ion-scale-025: var(--ion-scale-025, 1px);
-$ion-scale-050: var(--ion-scale-050, 2px);
-$ion-scale-075: var(--ion-scale-075, 3px);
-$ion-space-0: var(--ion-space-0, 0px);
-$ion-space-100: var(--ion-space-100, 4px);
-$ion-space-150: var(--ion-space-150, 6px);
-$ion-space-200: var(--ion-space-200, 8px);
-$ion-space-250: var(--ion-space-250, 10px);
-$ion-space-300: var(--ion-space-300, 12px);
-$ion-space-400: var(--ion-space-400, 16px);
-$ion-space-500: var(--ion-space-500, 20px);
-$ion-space-600: var(--ion-space-600, 24px);
-$ion-space-700: var(--ion-space-700, 28px);
-$ion-space-800: var(--ion-space-800, 32px);
-$ion-space-900: var(--ion-space-900, 36px);
-$ion-space-1000: var(--ion-space-1000, 40px);
-$ion-space-1200: var(--ion-space-1200, 48px);
-$ion-space-050: var(--ion-space-050, 2px);
-$ion-transition-curve-linear: var(--ion-transition-curve-linear, linear);
-$ion-transition-curve-quick: var(--ion-transition-curve-quick, cubic-bezier(0, 0, 0.2, 1));
-$ion-transition-curve-base: var(--ion-transition-curve-base, cubic-bezier(0.4, 0, 1, 1));
-$ion-transition-curve-expressive: var(--ion-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));
-$ion-transition-curve-bounce: var(--ion-transition-curve-bounce, cubic-bezier(0.47, 0, 0.23, 1.38));
-$ion-transition-time-0: var(--ion-transition-time-0, 0ms);
-$ion-transition-time-100: var(--ion-transition-time-100, 100ms);
-$ion-transition-time-150: var(--ion-transition-time-150, 150ms);
-$ion-transition-time-200: var(--ion-transition-time-200, 200ms);
-$ion-transition-time-300: var(--ion-transition-time-300, 300ms);
-$ion-transition-time-500: var(--ion-transition-time-500, 500ms);
-$ion-transition-time-1000: var(--ion-transition-time-1000, 1000ms);
-$ion-transition-time-1500: var(--ion-transition-time-1500, 1500ms);
-$ion-font-family: var(--ion-font-family, "Inter", sans-serif);
-$ion-font-weight-thin: var(--ion-font-weight-thin, 100);
-$ion-font-weight-extra-light: var(--ion-font-weight-extra-light, 200);
-$ion-font-weight-light: var(--ion-font-weight-light, 300);
-$ion-font-weight-regular: var(--ion-font-weight-regular, 400);
-$ion-font-weight-medium: var(--ion-font-weight-medium, 500);
-$ion-font-weight-semi-bold: var(--ion-font-weight-semi-bold, 600);
-$ion-font-weight-bold: var(--ion-font-weight-bold, 700);
-$ion-font-weight-extra-bold: var(--ion-font-weight-extra-bold, 800);
-$ion-font-weight-black: var(--ion-font-weight-black, 900);
-$ion-font-size-275: var(--ion-font-size-275, font.px-to-rem(11));
-$ion-font-size-300: var(--ion-font-size-300, font.px-to-rem(12));
-$ion-font-size-350: var(--ion-font-size-350, font.px-to-rem(14));
-$ion-font-size-400: var(--ion-font-size-400, font.px-to-rem(16));
-$ion-font-size-450: var(--ion-font-size-450, font.px-to-rem(18));
-$ion-font-size-500: var(--ion-font-size-500, font.px-to-rem(20));
-$ion-font-size-550: var(--ion-font-size-550, font.px-to-rem(22));
-$ion-font-size-600: var(--ion-font-size-600, font.px-to-rem(24));
-$ion-font-size-650: var(--ion-font-size-650, font.px-to-rem(26));
-$ion-font-size-700: var(--ion-font-size-700, font.px-to-rem(28));
-$ion-font-size-800: var(--ion-font-size-800, font.px-to-rem(32));
-$ion-font-size-900: var(--ion-font-size-900, font.px-to-rem(36));
-$ion-font-letter-spacing-0: var(--ion-font-letter-spacing-0, 0%);
-$ion-font-letter-spacing-1: var(--ion-font-letter-spacing-1, 1%);
-$ion-font-letter-spacing-2: var(--ion-font-letter-spacing-2, 1.5%);
-$ion-font-line-height-300: var(--ion-font-line-height-300, 12px);
-$ion-font-line-height-400: var(--ion-font-line-height-400, 16px);
-$ion-font-line-height-500: var(--ion-font-line-height-500, 20px);
-$ion-font-line-height-600: var(--ion-font-line-height-600, 24px);
-$ion-font-line-height-700: var(--ion-font-line-height-700, 28px);
-$ion-font-line-height-800: var(--ion-font-line-height-800, 32px);
-$ion-font-line-height-900: var(--ion-font-line-height-900, 36px);
-$ion-font-line-height-1100: var(--ion-font-line-height-1100, 44px);
-$ion-font-line-height-1200: var(--ion-font-line-height-1200, 48px);
-$ion-font-line-height-full: var(--ion-font-line-height-full, 100%);
-$ion-z-index-0: var(--ion-z-index-0, 0);
-$ion-z-index-100: var(--ion-z-index-100, 100);
-$ion-z-index-200: var(--ion-z-index-200, 200);
-$ion-z-index-300: var(--ion-z-index-300, 300);
-$ion-z-index-400: var(--ion-z-index-400, 400);
-$ion-z-index-500: var(--ion-z-index-500, 500);
-$ion-z-index-bottom: var(--ion-z-index-bottom, -99999);
-$ion-z-index-top: var(--ion-z-index-top, 99999);
-$ion-rectangular-2xs: var(--ion-rectangular-2xs, 0px);
-$ion-rectangular-xs: var(--ion-rectangular-xs, 0px);
-$ion-rectangular-sm: var(--ion-rectangular-sm, 0px);
-$ion-rectangular-md: var(--ion-rectangular-md, 0px);
-$ion-rectangular-lg: var(--ion-rectangular-lg, 0px);
-$ion-rectangular-xl: var(--ion-rectangular-xl, 0px);
-$ion-rectangular-2xl: var(--ion-rectangular-2xl, 0px);
-$ion-round-2xs: var(--ion-round-2xs, 999px);
-$ion-round-xs: var(--ion-round-xs, 999px);
-$ion-round-sm: var(--ion-round-sm, 999px);
-$ion-round-md: var(--ion-round-md, 999px);
-$ion-round-lg: var(--ion-round-lg, 12px);
-$ion-round-xl: var(--ion-round-xl, 16px);
-$ion-round-2xl: var(--ion-round-2xl, 40px);
-$ion-soft-2xs: var(--ion-soft-2xs, 4px);
-$ion-soft-xs: var(--ion-soft-xs, 8px);
-$ion-soft-sm: var(--ion-soft-sm, 12px);
-$ion-soft-md: var(--ion-soft-md, 16px);
-$ion-soft-lg: var(--ion-soft-lg, 8px);
-$ion-soft-xl: var(--ion-soft-xl, 8px);
-$ion-soft-2xl: var(--ion-soft-2xl, 16px);
 $ion-primitives-neutral-100: var(--ion-primitives-neutral-100, #f5f5f5);
 $ion-primitives-neutral-100-rgb: var(--ion-primitives-neutral-100-rgb, 245, 245, 245);
 $ion-primitives-neutral-200: var(--ion-primitives-neutral-200, #efefef);
@@ -939,6 +367,578 @@ $ion-primitives-pink-1100: var(--ion-primitives-pink-1100, #8b2248);
 $ion-primitives-pink-1100-rgb: var(--ion-primitives-pink-1100-rgb, 139, 34, 72);
 $ion-primitives-pink-1200: var(--ion-primitives-pink-1200, #621833);
 $ion-primitives-pink-1200-rgb: var(--ion-primitives-pink-1200-rgb, 98, 24, 51);
+$ion-semantics-primary-100: var(--ion-semantics-primary-100, $ion-primitives-blue-100);
+$ion-semantics-primary-100-rgb: var(--ion-semantics-primary-100-rgb, 242, 244, 253);
+$ion-semantics-primary-200: var(--ion-semantics-primary-200, $ion-primitives-blue-200);
+$ion-semantics-primary-200-rgb: var(--ion-semantics-primary-200-rgb, 233, 236, 252);
+$ion-semantics-primary-300: var(--ion-semantics-primary-300, $ion-primitives-blue-300);
+$ion-semantics-primary-300-rgb: var(--ion-semantics-primary-300-rgb, 208, 215, 250);
+$ion-semantics-primary-400: var(--ion-semantics-primary-400, $ion-primitives-blue-400);
+$ion-semantics-primary-400-rgb: var(--ion-semantics-primary-400-rgb, 181, 192, 247);
+$ion-semantics-primary-500: var(--ion-semantics-primary-500, $ion-primitives-blue-500);
+$ion-semantics-primary-500-rgb: var(--ion-semantics-primary-500-rgb, 148, 165, 244);
+$ion-semantics-primary-600: var(--ion-semantics-primary-600, $ion-primitives-blue-600);
+$ion-semantics-primary-600-rgb: var(--ion-semantics-primary-600-rgb, 105, 134, 242);
+$ion-semantics-primary-700: var(--ion-semantics-primary-700, $ion-primitives-blue-700);
+$ion-semantics-primary-700-rgb: var(--ion-semantics-primary-700-rgb, 16, 92, 239);
+$ion-semantics-primary-800: var(--ion-semantics-primary-800, $ion-primitives-blue-800);
+$ion-semantics-primary-800-rgb: var(--ion-semantics-primary-800-rgb, 15, 84, 218);
+$ion-semantics-primary-900: var(--ion-semantics-primary-900, $ion-primitives-blue-900);
+$ion-semantics-primary-900-rgb: var(--ion-semantics-primary-900-rgb, 13, 75, 195);
+$ion-semantics-primary-1000: var(--ion-semantics-primary-1000, $ion-primitives-blue-1000);
+$ion-semantics-primary-1000-rgb: var(--ion-semantics-primary-1000-rgb, 11, 65, 169);
+$ion-semantics-primary-1100: var(--ion-semantics-primary-1100, $ion-primitives-blue-1100);
+$ion-semantics-primary-1100-rgb: var(--ion-semantics-primary-1100-rgb, 9, 53, 138);
+$ion-semantics-primary-1200: var(--ion-semantics-primary-1200, $ion-primitives-blue-1200);
+$ion-semantics-primary-1200-rgb: var(--ion-semantics-primary-1200-rgb, 7, 37, 97);
+$ion-semantics-primary-base: var(--ion-semantics-primary-base, $ion-semantics-primary-700);
+$ion-semantics-primary-base-rgb: var(--ion-semantics-primary-base-rgb, 16, 92, 239);
+$ion-semantics-info-100: var(--ion-semantics-info-100, $ion-primitives-blue-100);
+$ion-semantics-info-100-rgb: var(--ion-semantics-info-100-rgb, 242, 244, 253);
+$ion-semantics-info-200: var(--ion-semantics-info-200, $ion-primitives-blue-200);
+$ion-semantics-info-200-rgb: var(--ion-semantics-info-200-rgb, 233, 236, 252);
+$ion-semantics-info-300: var(--ion-semantics-info-300, $ion-primitives-blue-300);
+$ion-semantics-info-300-rgb: var(--ion-semantics-info-300-rgb, 208, 215, 250);
+$ion-semantics-info-400: var(--ion-semantics-info-400, $ion-primitives-blue-400);
+$ion-semantics-info-400-rgb: var(--ion-semantics-info-400-rgb, 181, 192, 247);
+$ion-semantics-info-500: var(--ion-semantics-info-500, $ion-primitives-blue-500);
+$ion-semantics-info-500-rgb: var(--ion-semantics-info-500-rgb, 148, 165, 244);
+$ion-semantics-info-600: var(--ion-semantics-info-600, $ion-primitives-blue-600);
+$ion-semantics-info-600-rgb: var(--ion-semantics-info-600-rgb, 105, 134, 242);
+$ion-semantics-info-700: var(--ion-semantics-info-700, $ion-primitives-blue-700);
+$ion-semantics-info-700-rgb: var(--ion-semantics-info-700-rgb, 16, 92, 239);
+$ion-semantics-info-800: var(--ion-semantics-info-800, $ion-primitives-blue-800);
+$ion-semantics-info-800-rgb: var(--ion-semantics-info-800-rgb, 15, 84, 218);
+$ion-semantics-info-900: var(--ion-semantics-info-900, $ion-primitives-blue-900);
+$ion-semantics-info-900-rgb: var(--ion-semantics-info-900-rgb, 13, 75, 195);
+$ion-semantics-info-1000: var(--ion-semantics-info-1000, $ion-primitives-blue-1000);
+$ion-semantics-info-1000-rgb: var(--ion-semantics-info-1000-rgb, 11, 65, 169);
+$ion-semantics-info-1100: var(--ion-semantics-info-1100, $ion-primitives-blue-1100);
+$ion-semantics-info-1100-rgb: var(--ion-semantics-info-1100-rgb, 9, 53, 138);
+$ion-semantics-info-1200: var(--ion-semantics-info-1200, $ion-primitives-blue-1200);
+$ion-semantics-info-1200-rgb: var(--ion-semantics-info-1200-rgb, 7, 37, 97);
+$ion-semantics-info-base: var(--ion-semantics-info-base, $ion-semantics-info-700);
+$ion-semantics-info-base-rgb: var(--ion-semantics-info-base-rgb, 16, 92, 239);
+$ion-semantics-success-100: var(--ion-semantics-success-100, $ion-primitives-green-100);
+$ion-semantics-success-100-rgb: var(--ion-semantics-success-100-rgb, 235, 249, 236);
+$ion-semantics-success-200: var(--ion-semantics-success-200, $ion-primitives-green-200);
+$ion-semantics-success-200-rgb: var(--ion-semantics-success-200-rgb, 220, 245, 222);
+$ion-semantics-success-300: var(--ion-semantics-success-300, $ion-primitives-green-300);
+$ion-semantics-success-300-rgb: var(--ion-semantics-success-300-rgb, 179, 235, 183);
+$ion-semantics-success-400: var(--ion-semantics-success-400, $ion-primitives-green-400);
+$ion-semantics-success-400-rgb: var(--ion-semantics-success-400-rgb, 127, 224, 137);
+$ion-semantics-success-500: var(--ion-semantics-success-500, $ion-primitives-green-500);
+$ion-semantics-success-500-rgb: var(--ion-semantics-success-500-rgb, 35, 214, 67);
+$ion-semantics-success-600: var(--ion-semantics-success-600, $ion-primitives-green-600);
+$ion-semantics-success-600-rgb: var(--ion-semantics-success-600-rgb, 31, 189, 59);
+$ion-semantics-success-700: var(--ion-semantics-success-700, $ion-primitives-green-700);
+$ion-semantics-success-700-rgb: var(--ion-semantics-success-700-rgb, 27, 164, 51);
+$ion-semantics-success-800: var(--ion-semantics-success-800, $ion-primitives-green-800);
+$ion-semantics-success-800-rgb: var(--ion-semantics-success-800-rgb, 23, 138, 43);
+$ion-semantics-success-900: var(--ion-semantics-success-900, $ion-primitives-green-900);
+$ion-semantics-success-900-rgb: var(--ion-semantics-success-900-rgb, 18, 111, 35);
+$ion-semantics-success-1000: var(--ion-semantics-success-1000, $ion-primitives-green-1000);
+$ion-semantics-success-1000-rgb: var(--ion-semantics-success-1000-rgb, 14, 83, 26);
+$ion-semantics-success-1100: var(--ion-semantics-success-1100, $ion-primitives-green-1100);
+$ion-semantics-success-1100-rgb: var(--ion-semantics-success-1100-rgb, 9, 56, 17);
+$ion-semantics-success-1200: var(--ion-semantics-success-1200, $ion-primitives-green-1200);
+$ion-semantics-success-1200-rgb: var(--ion-semantics-success-1200-rgb, 5, 29, 9);
+$ion-semantics-success-base: var(--ion-semantics-success-base, $ion-semantics-success-700);
+$ion-semantics-success-base-rgb: var(--ion-semantics-success-base-rgb, 27, 164, 51);
+$ion-semantics-danger-100: var(--ion-semantics-danger-100, $ion-primitives-red-100);
+$ion-semantics-danger-100-rgb: var(--ion-semantics-danger-100-rgb, 254, 237, 237);
+$ion-semantics-danger-200: var(--ion-semantics-danger-200, $ion-primitives-red-200);
+$ion-semantics-danger-200-rgb: var(--ion-semantics-danger-200-rgb, 253, 225, 225);
+$ion-semantics-danger-300: var(--ion-semantics-danger-300, $ion-primitives-red-300);
+$ion-semantics-danger-300-rgb: var(--ion-semantics-danger-300-rgb, 252, 193, 193);
+$ion-semantics-danger-400: var(--ion-semantics-danger-400, $ion-primitives-red-400);
+$ion-semantics-danger-400-rgb: var(--ion-semantics-danger-400-rgb, 250, 161, 161);
+$ion-semantics-danger-500: var(--ion-semantics-danger-500, $ion-primitives-red-500);
+$ion-semantics-danger-500-rgb: var(--ion-semantics-danger-500-rgb, 249, 125, 125);
+$ion-semantics-danger-600: var(--ion-semantics-danger-600, $ion-primitives-red-600);
+$ion-semantics-danger-600-rgb: var(--ion-semantics-danger-600-rgb, 248, 81, 81);
+$ion-semantics-danger-700: var(--ion-semantics-danger-700, $ion-primitives-red-700);
+$ion-semantics-danger-700-rgb: var(--ion-semantics-danger-700-rgb, 229, 41, 41);
+$ion-semantics-danger-800: var(--ion-semantics-danger-800, $ion-primitives-red-800);
+$ion-semantics-danger-800-rgb: var(--ion-semantics-danger-800-rgb, 191, 34, 34);
+$ion-semantics-danger-900: var(--ion-semantics-danger-900, $ion-primitives-red-900);
+$ion-semantics-danger-900-rgb: var(--ion-semantics-danger-900-rgb, 153, 27, 27);
+$ion-semantics-danger-1000: var(--ion-semantics-danger-1000, $ion-primitives-red-1000);
+$ion-semantics-danger-1000-rgb: var(--ion-semantics-danger-1000-rgb, 118, 21, 21);
+$ion-semantics-danger-1100: var(--ion-semantics-danger-1100, $ion-primitives-red-1100);
+$ion-semantics-danger-1100-rgb: var(--ion-semantics-danger-1100-rgb, 84, 15, 15);
+$ion-semantics-danger-1200: var(--ion-semantics-danger-1200, $ion-primitives-red-1200);
+$ion-semantics-danger-1200-rgb: var(--ion-semantics-danger-1200-rgb, 51, 9, 9);
+$ion-semantics-danger-base: var(--ion-semantics-danger-base, $ion-semantics-danger-700);
+$ion-semantics-danger-base-rgb: var(--ion-semantics-danger-base-rgb, 229, 41, 41);
+$ion-semantics-warning-100: var(--ion-semantics-warning-100, $ion-primitives-yellow-100);
+$ion-semantics-warning-100-rgb: var(--ion-semantics-warning-100-rgb, 255, 249, 234);
+$ion-semantics-warning-200: var(--ion-semantics-warning-200, $ion-primitives-yellow-200);
+$ion-semantics-warning-200-rgb: var(--ion-semantics-warning-200-rgb, 255, 245, 219);
+$ion-semantics-warning-300: var(--ion-semantics-warning-300, $ion-primitives-yellow-300);
+$ion-semantics-warning-300-rgb: var(--ion-semantics-warning-300-rgb, 255, 235, 177);
+$ion-semantics-warning-400: var(--ion-semantics-warning-400, $ion-primitives-yellow-400);
+$ion-semantics-warning-400-rgb: var(--ion-semantics-warning-400-rgb, 255, 224, 123);
+$ion-semantics-warning-500: var(--ion-semantics-warning-500, $ion-primitives-yellow-500);
+$ion-semantics-warning-500-rgb: var(--ion-semantics-warning-500-rgb, 255, 214, 0);
+$ion-semantics-warning-600: var(--ion-semantics-warning-600, $ion-primitives-yellow-600);
+$ion-semantics-warning-600-rgb: var(--ion-semantics-warning-600-rgb, 249, 189, 10);
+$ion-semantics-warning-700: var(--ion-semantics-warning-700, $ion-primitives-yellow-700);
+$ion-semantics-warning-700-rgb: var(--ion-semantics-warning-700-rgb, 223, 156, 0);
+$ion-semantics-warning-800: var(--ion-semantics-warning-800, $ion-primitives-yellow-800);
+$ion-semantics-warning-800-rgb: var(--ion-semantics-warning-800-rgb, 186, 130, 0);
+$ion-semantics-warning-900: var(--ion-semantics-warning-900, $ion-primitives-yellow-900);
+$ion-semantics-warning-900-rgb: var(--ion-semantics-warning-900-rgb, 150, 101, 3);
+$ion-semantics-warning-1000: var(--ion-semantics-warning-1000, $ion-primitives-yellow-1000);
+$ion-semantics-warning-1000-rgb: var(--ion-semantics-warning-1000-rgb, 112, 75, 2);
+$ion-semantics-warning-1100: var(--ion-semantics-warning-1100, $ion-primitives-yellow-1100);
+$ion-semantics-warning-1100-rgb: var(--ion-semantics-warning-1100-rgb, 83, 56, 2);
+$ion-semantics-warning-1200: var(--ion-semantics-warning-1200, $ion-primitives-yellow-1200);
+$ion-semantics-warning-1200-rgb: var(--ion-semantics-warning-1200-rgb, 44, 30, 2);
+$ion-semantics-warning-base: var(--ion-semantics-warning-base, $ion-semantics-warning-500);
+$ion-semantics-warning-base-rgb: var(--ion-semantics-warning-base-rgb, 255, 214, 0);
+$ion-scale-0: var(--ion-scale-0, 0px);
+$ion-scale-100: var(--ion-scale-100, 4px);
+$ion-scale-150: var(--ion-scale-150, 6px);
+$ion-scale-200: var(--ion-scale-200, 8px);
+$ion-scale-250: var(--ion-scale-250, 10px);
+$ion-scale-300: var(--ion-scale-300, 12px);
+$ion-scale-400: var(--ion-scale-400, 16px);
+$ion-scale-500: var(--ion-scale-500, 20px);
+$ion-scale-600: var(--ion-scale-600, 24px);
+$ion-scale-700: var(--ion-scale-700, 28px);
+$ion-scale-800: var(--ion-scale-800, 32px);
+$ion-scale-900: var(--ion-scale-900, 36px);
+$ion-scale-1000: var(--ion-scale-1000, 40px);
+$ion-scale-1100: var(--ion-scale-1100, 44px);
+$ion-scale-1200: var(--ion-scale-1200, 48px);
+$ion-scale-1400: var(--ion-scale-1400, 56px);
+$ion-scale-1600: var(--ion-scale-1600, 64px);
+$ion-scale-1800: var(--ion-scale-1800, 72px);
+$ion-scale-2000: var(--ion-scale-2000, 80px);
+$ion-scale-2400: var(--ion-scale-2400, 96px);
+$ion-scale-2800: var(--ion-scale-2800, 112px);
+$ion-scale-3200: var(--ion-scale-3200, 128px);
+$ion-scale-3400: var(--ion-scale-3400, 136px);
+$ion-scale-3600: var(--ion-scale-3600, 144px);
+$ion-scale-4000: var(--ion-scale-4000, 160px);
+$ion-scale-5000: var(--ion-scale-5000, 200px);
+$ion-scale-6200: var(--ion-scale-6200, 248px);
+$ion-scale-7400: var(--ion-scale-7400, 296px);
+$ion-scale-9000: var(--ion-scale-9000, 360px);
+$ion-scale-025: var(--ion-scale-025, 1px);
+$ion-scale-050: var(--ion-scale-050, 2px);
+$ion-scale-075: var(--ion-scale-075, 3px);
+$ion-border-default: var(--ion-border-default, $ion-primitives-neutral-400);
+$ion-border-default-rgb: var(--ion-border-default-rgb, 213, 213, 213);
+$ion-border-boldest: var(--ion-border-boldest, $ion-primitives-neutral-1200);
+$ion-border-boldest-rgb: var(--ion-border-boldest-rgb, 36, 36, 36);
+$ion-border-subtle: var(--ion-border-subtle, $ion-primitives-neutral-100);
+$ion-border-subtle-rgb: var(--ion-border-subtle-rgb, 245, 245, 245);
+$ion-border-subtlest: var(--ion-border-subtlest, $ion-primitives-base-white);
+$ion-border-subtlest-rgb: var(--ion-border-subtlest-rgb, 255, 255, 255);
+$ion-border-primary: var(--ion-border-primary, $ion-semantics-primary-base);
+$ion-border-primary-rgb: var(--ion-border-primary-rgb, 16, 92, 239);
+$ion-border-success: var(--ion-border-success, $ion-semantics-success-900);
+$ion-border-success-rgb: var(--ion-border-success-rgb, 18, 111, 35);
+$ion-border-warning: var(--ion-border-warning, $ion-semantics-warning-900);
+$ion-border-warning-rgb: var(--ion-border-warning-rgb, 150, 101, 3);
+$ion-border-disabled: var(--ion-border-disabled, $ion-primitives-neutral-300);
+$ion-border-disabled-rgb: var(--ion-border-disabled-rgb, 224, 224, 224);
+$ion-border-focus-0: var(--ion-border-focus-0, none);
+$ion-border-focus-default: var(--ion-border-focus-default, $ion-primitives-blue-400);
+$ion-border-focus-default-rgb: var(--ion-border-focus-default-rgb, 181, 192, 247);
+$ion-border-focus-error: var(--ion-border-focus-error, $ion-primitives-red-400);
+$ion-border-focus-error-rgb: var(--ion-border-focus-error-rgb, 250, 161, 161);
+$ion-border-danger-default: var(--ion-border-danger-default, $ion-semantics-danger-800);
+$ion-border-danger-default-rgb: var(--ion-border-danger-default-rgb, 191, 34, 34);
+$ion-border-danger-press: var(--ion-border-danger-press, $ion-semantics-danger-1000);
+$ion-border-danger-press-rgb: var(--ion-border-danger-press-rgb, 118, 21, 21);
+$ion-border-input-default: var(--ion-border-input-default, $ion-primitives-neutral-500);
+$ion-border-input-default-rgb: var(--ion-border-input-default-rgb, 162, 162, 162);
+$ion-border-input-press: var(--ion-border-input-press, $ion-primitives-neutral-700);
+$ion-border-input-press-rgb: var(--ion-border-input-press-rgb, 119, 119, 119);
+$ion-border-input-read-only: var(--ion-border-input-read-only, $ion-primitives-neutral-500);
+$ion-border-input-read-only-rgb: var(--ion-border-input-read-only-rgb, 162, 162, 162);
+$ion-border-style-none: var(--ion-border-style-none, none);
+$ion-border-style-solid: var(--ion-border-style-solid, solid);
+$ion-border-style-dashed: var(--ion-border-style-dashed, dashed);
+$ion-border-style-dotted: var(--ion-border-style-dotted, dotted);
+$ion-border-size-0: var(--ion-border-size-0, $ion-scale-0);
+$ion-border-size-025: var(--ion-border-size-025, $ion-scale-025);
+$ion-border-size-050: var(--ion-border-size-050, $ion-scale-050);
+$ion-border-size-075: var(--ion-border-size-075, $ion-scale-075);
+$ion-border-radius-0: var(--ion-border-radius-0, $ion-scale-0);
+$ion-border-radius-100: var(--ion-border-radius-100, $ion-scale-100);
+$ion-border-radius-200: var(--ion-border-radius-200, $ion-scale-200);
+$ion-border-radius-300: var(--ion-border-radius-300, $ion-scale-300);
+$ion-border-radius-400: var(--ion-border-radius-400, $ion-scale-400);
+$ion-border-radius-500: var(--ion-border-radius-500, $ion-scale-500);
+$ion-border-radius-800: var(--ion-border-radius-800, $ion-scale-800);
+$ion-border-radius-1000: var(--ion-border-radius-1000, $ion-scale-1000);
+$ion-border-radius-full: var(--ion-border-radius-full, 999px);
+$ion-border-radius-025: var(--ion-border-radius-025, $ion-scale-050);
+$ion-bg-primary-base-default: var(--ion-bg-primary-base-default, $ion-semantics-primary-base);
+$ion-bg-primary-base-default-rgb: var(--ion-bg-primary-base-default-rgb, 16, 92, 239);
+$ion-bg-primary-base-press: var(--ion-bg-primary-base-press, $ion-semantics-primary-900);
+$ion-bg-primary-base-press-rgb: var(--ion-bg-primary-base-press-rgb, 13, 75, 195);
+$ion-bg-primary-subtle-default: var(--ion-bg-primary-subtle-default, $ion-semantics-primary-100);
+$ion-bg-primary-subtle-default-rgb: var(--ion-bg-primary-subtle-default-rgb, 242, 244, 253);
+$ion-bg-primary-subtle-press: var(--ion-bg-primary-subtle-press, $ion-semantics-primary-300);
+$ion-bg-primary-subtle-press-rgb: var(--ion-bg-primary-subtle-press-rgb, 208, 215, 250);
+$ion-bg-danger-base-default: var(--ion-bg-danger-base-default, $ion-semantics-danger-800);
+$ion-bg-danger-base-default-rgb: var(--ion-bg-danger-base-default-rgb, 191, 34, 34);
+$ion-bg-danger-base-press: var(--ion-bg-danger-base-press, $ion-semantics-danger-1000);
+$ion-bg-danger-base-press-rgb: var(--ion-bg-danger-base-press-rgb, 118, 21, 21);
+$ion-bg-danger-subtle-default: var(--ion-bg-danger-subtle-default, $ion-semantics-danger-100);
+$ion-bg-danger-subtle-default-rgb: var(--ion-bg-danger-subtle-default-rgb, 254, 237, 237);
+$ion-bg-danger-subtle-press: var(--ion-bg-danger-subtle-press, $ion-semantics-danger-300);
+$ion-bg-danger-subtle-press-rgb: var(--ion-bg-danger-subtle-press-rgb, 252, 193, 193);
+$ion-bg-success-base-default: var(--ion-bg-success-base-default, $ion-semantics-success-900);
+$ion-bg-success-base-default-rgb: var(--ion-bg-success-base-default-rgb, 18, 111, 35);
+$ion-bg-success-base-press: var(--ion-bg-success-base-press, $ion-semantics-success-1100);
+$ion-bg-success-base-press-rgb: var(--ion-bg-success-base-press-rgb, 9, 56, 17);
+$ion-bg-success-subtle-default: var(--ion-bg-success-subtle-default, $ion-semantics-success-100);
+$ion-bg-success-subtle-default-rgb: var(--ion-bg-success-subtle-default-rgb, 235, 249, 236);
+$ion-bg-success-subtle-press: var(--ion-bg-success-subtle-press, $ion-semantics-success-300);
+$ion-bg-success-subtle-press-rgb: var(--ion-bg-success-subtle-press-rgb, 179, 235, 183);
+$ion-bg-info-base-default: var(--ion-bg-info-base-default, $ion-semantics-info-900);
+$ion-bg-info-base-default-rgb: var(--ion-bg-info-base-default-rgb, 13, 75, 195);
+$ion-bg-info-base-press: var(--ion-bg-info-base-press, $ion-semantics-info-1100);
+$ion-bg-info-base-press-rgb: var(--ion-bg-info-base-press-rgb, 9, 53, 138);
+$ion-bg-info-subtle-default: var(--ion-bg-info-subtle-default, $ion-semantics-info-100);
+$ion-bg-info-subtle-default-rgb: var(--ion-bg-info-subtle-default-rgb, 242, 244, 253);
+$ion-bg-info-subtle-press: var(--ion-bg-info-subtle-press, $ion-semantics-info-300);
+$ion-bg-info-subtle-press-rgb: var(--ion-bg-info-subtle-press-rgb, 208, 215, 250);
+$ion-bg-warning-base-default: var(--ion-bg-warning-base-default, $ion-semantics-warning-500);
+$ion-bg-warning-base-default-rgb: var(--ion-bg-warning-base-default-rgb, 255, 214, 0);
+$ion-bg-warning-base-press: var(--ion-bg-warning-base-press, $ion-semantics-warning-700);
+$ion-bg-warning-base-press-rgb: var(--ion-bg-warning-base-press-rgb, 223, 156, 0);
+$ion-bg-warning-subtle-default: var(--ion-bg-warning-subtle-default, $ion-semantics-warning-200);
+$ion-bg-warning-subtle-default-rgb: var(--ion-bg-warning-subtle-default-rgb, 255, 245, 219);
+$ion-bg-warning-subtle-press: var(--ion-bg-warning-subtle-press, $ion-semantics-warning-400);
+$ion-bg-warning-subtle-press-rgb: var(--ion-bg-warning-subtle-press-rgb, 255, 224, 123);
+$ion-bg-body: var(--ion-bg-body, $ion-primitives-base-white);
+$ion-bg-body-rgb: var(--ion-bg-body-rgb, 255, 255, 255);
+$ion-bg-neutral-subtle-default: var(--ion-bg-neutral-subtle-default, $ion-primitives-neutral-200);
+$ion-bg-neutral-subtle-default-rgb: var(--ion-bg-neutral-subtle-default-rgb, 239, 239, 239);
+$ion-bg-neutral-subtle-press: var(--ion-bg-neutral-subtle-press, $ion-primitives-neutral-400);
+$ion-bg-neutral-subtle-press-rgb: var(--ion-bg-neutral-subtle-press-rgb, 213, 213, 213);
+$ion-bg-neutral-base-default: var(--ion-bg-neutral-base-default, $ion-primitives-neutral-500);
+$ion-bg-neutral-base-default-rgb: var(--ion-bg-neutral-base-default-rgb, 162, 162, 162);
+$ion-bg-neutral-base-press: var(--ion-bg-neutral-base-press, $ion-primitives-neutral-700);
+$ion-bg-neutral-base-press-rgb: var(--ion-bg-neutral-base-press-rgb, 119, 119, 119);
+$ion-bg-neutral-subtlest-default: var(--ion-bg-neutral-subtlest-default, $ion-primitives-base-white);
+$ion-bg-neutral-subtlest-default-rgb: var(--ion-bg-neutral-subtlest-default-rgb, 255, 255, 255);
+$ion-bg-neutral-subtlest-press: var(--ion-bg-neutral-subtlest-press, $ion-primitives-neutral-200);
+$ion-bg-neutral-subtlest-press-rgb: var(--ion-bg-neutral-subtlest-press-rgb, 239, 239, 239);
+$ion-bg-neutral-bold-default: var(--ion-bg-neutral-bold-default, $ion-primitives-neutral-1000);
+$ion-bg-neutral-bold-default-rgb: var(--ion-bg-neutral-bold-default-rgb, 59, 59, 59);
+$ion-bg-neutral-bold-press: var(--ion-bg-neutral-bold-press, $ion-primitives-neutral-1200);
+$ion-bg-neutral-bold-press-rgb: var(--ion-bg-neutral-bold-press-rgb, 36, 36, 36);
+$ion-bg-neutral-boldest-default: var(--ion-bg-neutral-boldest-default, $ion-primitives-neutral-1200);
+$ion-bg-neutral-boldest-default-rgb: var(--ion-bg-neutral-boldest-default-rgb, 36, 36, 36);
+$ion-bg-neutral-boldest-press: var(--ion-bg-neutral-boldest-press, $ion-primitives-base-black);
+$ion-bg-neutral-boldest-press-rgb: var(--ion-bg-neutral-boldest-press-rgb, 17, 17, 17);
+$ion-bg-surface-default: var(--ion-bg-surface-default, $ion-primitives-base-white);
+$ion-bg-surface-default-rgb: var(--ion-bg-surface-default-rgb, 255, 255, 255);
+$ion-bg-surface-inverse: var(--ion-bg-surface-inverse, $ion-primitives-base-white);
+$ion-bg-surface-inverse-rgb: var(--ion-bg-surface-inverse-rgb, 255, 255, 255);
+$ion-bg-input-default: var(--ion-bg-input-default, $ion-primitives-base-white);
+$ion-bg-input-default-rgb: var(--ion-bg-input-default-rgb, 255, 255, 255);
+$ion-bg-input-read-only: var(--ion-bg-input-read-only, $ion-primitives-neutral-100);
+$ion-bg-input-read-only-rgb: var(--ion-bg-input-read-only-rgb, 245, 245, 245);
+$ion-bg-input-press: var(--ion-bg-input-press, $ion-primitives-neutral-200);
+$ion-bg-input-press-rgb: var(--ion-bg-input-press-rgb, 239, 239, 239);
+$ion-bg-input-disabled: var(--ion-bg-input-disabled, $ion-primitives-neutral-100);
+$ion-bg-input-disabled-rgb: var(--ion-bg-input-disabled-rgb, 245, 245, 245);
+$ion-bg-input-bold-default: var(--ion-bg-input-bold-default, $ion-primitives-neutral-200);
+$ion-bg-input-bold-default-rgb: var(--ion-bg-input-bold-default-rgb, 239, 239, 239);
+$ion-bg-input-bold-press: var(--ion-bg-input-bold-press, $ion-primitives-neutral-400);
+$ion-bg-input-bold-press-rgb: var(--ion-bg-input-bold-press-rgb, 213, 213, 213);
+$ion-bg-input-bold-read-only: var(--ion-bg-input-bold-read-only, $ion-primitives-neutral-300);
+$ion-bg-input-bold-read-only-rgb: var(--ion-bg-input-bold-read-only-rgb, 224, 224, 224);
+$ion-bg-input-bold-disabled: var(--ion-bg-input-bold-disabled, $ion-primitives-neutral-300);
+$ion-bg-input-bold-disabled-rgb: var(--ion-bg-input-bold-disabled-rgb, 224, 224, 224);
+$ion-bg-select-default: var(--ion-bg-select-default, $ion-semantics-primary-100);
+$ion-bg-select-default-rgb: var(--ion-bg-select-default-rgb, 242, 244, 253);
+$ion-bg-select-press: var(--ion-bg-select-press, $ion-semantics-primary-300);
+$ion-bg-select-press-rgb: var(--ion-bg-select-press-rgb, 208, 215, 250);
+$ion-bg-extended-pumpkin-base-default: var(--ion-bg-extended-pumpkin-base-default, $ion-primitives-pumpkin-700);
+$ion-bg-extended-pumpkin-base-default-rgb: var(--ion-bg-extended-pumpkin-base-default-rgb, 189, 71, 5);
+$ion-bg-extended-pumpkin-base-press: var(--ion-bg-extended-pumpkin-base-press, $ion-primitives-pumpkin-900);
+$ion-bg-extended-pumpkin-base-press-rgb: var(--ion-bg-extended-pumpkin-base-press-rgb, 128, 48, 4);
+$ion-bg-extended-pumpkin-subtle-default: var(--ion-bg-extended-pumpkin-subtle-default, $ion-primitives-pumpkin-100);
+$ion-bg-extended-pumpkin-subtle-default-rgb: var(--ion-bg-extended-pumpkin-subtle-default-rgb, 254, 237, 234);
+$ion-bg-extended-pumpkin-subtle-press: var(--ion-bg-extended-pumpkin-subtle-press, $ion-primitives-pumpkin-300);
+$ion-bg-extended-pumpkin-subtle-press-rgb: var(--ion-bg-extended-pumpkin-subtle-press-rgb, 251, 189, 177);
+$ion-bg-extended-orange-base-default: var(--ion-bg-extended-orange-base-default, $ion-primitives-orange-800);
+$ion-bg-extended-orange-base-default-rgb: var(--ion-bg-extended-orange-base-default-rgb, 164, 95, 0);
+$ion-bg-extended-orange-base-press: var(--ion-bg-extended-orange-base-press, $ion-primitives-orange-1000);
+$ion-bg-extended-orange-base-press-rgb: var(--ion-bg-extended-orange-base-press-rgb, 99, 58, 0);
+$ion-bg-extended-orange-subtle-default: var(--ion-bg-extended-orange-subtle-default, $ion-primitives-orange-100);
+$ion-bg-extended-orange-subtle-default-rgb: var(--ion-bg-extended-orange-subtle-default-rgb, 255, 241, 234);
+$ion-bg-extended-orange-subtle-press: var(--ion-bg-extended-orange-subtle-press, $ion-primitives-orange-300);
+$ion-bg-extended-orange-subtle-press-rgb: var(--ion-bg-extended-orange-subtle-press-rgb, 255, 207, 177);
+$ion-bg-extended-lime-base-default: var(--ion-bg-extended-lime-base-default, $ion-primitives-lime-900);
+$ion-bg-extended-lime-base-default-rgb: var(--ion-bg-extended-lime-base-default-rgb, 83, 115, 12);
+$ion-bg-extended-lime-base-press: var(--ion-bg-extended-lime-base-press, $ion-primitives-lime-1100);
+$ion-bg-extended-lime-base-press-rgb: var(--ion-bg-extended-lime-base-press-rgb, 42, 58, 6);
+$ion-bg-extended-lime-subtle-default: var(--ion-bg-extended-lime-subtle-default, $ion-primitives-lime-100);
+$ion-bg-extended-lime-subtle-default-rgb: var(--ion-bg-extended-lime-subtle-default-rgb, 243, 250, 234);
+$ion-bg-extended-lime-subtle-press: var(--ion-bg-extended-lime-subtle-press, $ion-primitives-lime-300);
+$ion-bg-extended-lime-subtle-press-rgb: var(--ion-bg-extended-lime-subtle-press-rgb, 211, 239, 178);
+$ion-bg-extended-teal-base-default: var(--ion-bg-extended-teal-base-default, $ion-primitives-teal-800);
+$ion-bg-extended-teal-base-default-rgb: var(--ion-bg-extended-teal-base-default-rgb, 0, 133, 118);
+$ion-bg-extended-teal-base-press: var(--ion-bg-extended-teal-base-press, $ion-primitives-teal-1000);
+$ion-bg-extended-teal-base-press-rgb: var(--ion-bg-extended-teal-base-press-rgb, 0, 81, 71);
+$ion-bg-extended-teal-subtle-default: var(--ion-bg-extended-teal-subtle-default, $ion-primitives-teal-100);
+$ion-bg-extended-teal-subtle-default-rgb: var(--ion-bg-extended-teal-subtle-default-rgb, 234, 248, 245);
+$ion-bg-extended-teal-subtle-press: var(--ion-bg-extended-teal-subtle-press, $ion-primitives-teal-300);
+$ion-bg-extended-teal-subtle-press-rgb: var(--ion-bg-extended-teal-subtle-press-rgb, 177, 231, 221);
+$ion-bg-extended-aqua-base-default: var(--ion-bg-extended-aqua-base-default, $ion-primitives-aqua-900);
+$ion-bg-extended-aqua-base-default-rgb: var(--ion-bg-extended-aqua-base-default-rgb, 20, 109, 129);
+$ion-bg-extended-aqua-base-press: var(--ion-bg-extended-aqua-base-press, $ion-primitives-aqua-1100);
+$ion-bg-extended-aqua-base-press-rgb: var(--ion-bg-extended-aqua-base-press-rgb, 10, 55, 65);
+$ion-bg-extended-aqua-subtle-default: var(--ion-bg-extended-aqua-subtle-default, $ion-primitives-aqua-100);
+$ion-bg-extended-aqua-subtle-default-rgb: var(--ion-bg-extended-aqua-subtle-default-rgb, 235, 249, 254);
+$ion-bg-extended-aqua-subtle-press: var(--ion-bg-extended-aqua-subtle-press, $ion-primitives-aqua-300);
+$ion-bg-extended-aqua-subtle-press-rgb: var(--ion-bg-extended-aqua-subtle-press-rgb, 179, 233, 252);
+$ion-bg-extended-indigo-base-default: var(--ion-bg-extended-indigo-base-default, $ion-primitives-indigo-700);
+$ion-bg-extended-indigo-base-default-rgb: var(--ion-bg-extended-indigo-base-default-rgb, 65, 27, 213);
+$ion-bg-extended-indigo-base-press: var(--ion-bg-extended-indigo-base-press, $ion-primitives-indigo-900);
+$ion-bg-extended-indigo-base-press-rgb: var(--ion-bg-extended-indigo-base-press-rgb, 53, 22, 174);
+$ion-bg-extended-indigo-subtle-default: var(--ion-bg-extended-indigo-subtle-default, $ion-primitives-indigo-100);
+$ion-bg-extended-indigo-subtle-default-rgb: var(--ion-bg-extended-indigo-subtle-default-rgb, 243, 242, 251);
+$ion-bg-extended-indigo-subtle-press: var(--ion-bg-extended-indigo-subtle-press, $ion-primitives-indigo-300);
+$ion-bg-extended-indigo-subtle-press-rgb: var(--ion-bg-extended-indigo-subtle-press-rgb, 211, 209, 242);
+$ion-bg-extended-violet-base-default: var(--ion-bg-extended-violet-base-default, $ion-primitives-violet-700);
+$ion-bg-extended-violet-base-default-rgb: var(--ion-bg-extended-violet-base-default-rgb, 124, 32, 242);
+$ion-bg-extended-violet-base-press: var(--ion-bg-extended-violet-base-press, $ion-primitives-violet-900);
+$ion-bg-extended-violet-base-press-rgb: var(--ion-bg-extended-violet-base-press-rgb, 101, 26, 197);
+$ion-bg-extended-violet-subtle-default: var(--ion-bg-extended-violet-subtle-default, $ion-primitives-violet-100);
+$ion-bg-extended-violet-subtle-default-rgb: var(--ion-bg-extended-violet-subtle-default-rgb, 245, 242, 254);
+$ion-bg-extended-violet-subtle-press: var(--ion-bg-extended-violet-subtle-press, $ion-primitives-violet-300);
+$ion-bg-extended-violet-subtle-press-rgb: var(--ion-bg-extended-violet-subtle-press-rgb, 220, 209, 251);
+$ion-bg-extended-purple-base-default: var(--ion-bg-extended-purple-base-default, $ion-primitives-purple-800);
+$ion-bg-extended-purple-base-default-rgb: var(--ion-bg-extended-purple-base-default-rgb, 167, 55, 220);
+$ion-bg-extended-purple-base-press: var(--ion-bg-extended-purple-base-press, $ion-primitives-purple-1000);
+$ion-bg-extended-purple-base-press-rgb: var(--ion-bg-extended-purple-base-press-rgb, 129, 42, 170);
+$ion-bg-extended-purple-subtle-default: var(--ion-bg-extended-purple-subtle-default, $ion-primitives-purple-100);
+$ion-bg-extended-purple-subtle-default-rgb: var(--ion-bg-extended-purple-subtle-default-rgb, 249, 243, 254);
+$ion-bg-extended-purple-subtle-press: var(--ion-bg-extended-purple-subtle-press, $ion-primitives-purple-300);
+$ion-bg-extended-purple-subtle-press-rgb: var(--ion-bg-extended-purple-subtle-press-rgb, 233, 211, 250);
+$ion-bg-extended-magenta-base-default: var(--ion-bg-extended-magenta-base-default, $ion-primitives-magenta-900);
+$ion-bg-extended-magenta-base-default-rgb: var(--ion-bg-extended-magenta-base-default-rgb, 193, 60, 172);
+$ion-bg-extended-magenta-base-press: var(--ion-bg-extended-magenta-base-press, $ion-primitives-magenta-1100);
+$ion-bg-extended-magenta-base-press-rgb: var(--ion-bg-extended-magenta-base-press-rgb, 137, 43, 122);
+$ion-bg-extended-magenta-subtle-default: var(--ion-bg-extended-magenta-subtle-default, $ion-primitives-magenta-100);
+$ion-bg-extended-magenta-subtle-default-rgb: var(--ion-bg-extended-magenta-subtle-default-rgb, 253, 243, 251);
+$ion-bg-extended-magenta-subtle-press: var(--ion-bg-extended-magenta-subtle-press, $ion-primitives-magenta-300);
+$ion-bg-extended-magenta-subtle-press-rgb: var(--ion-bg-extended-magenta-subtle-press-rgb, 249, 212, 241);
+$ion-bg-extended-pink-base-default: var(--ion-bg-extended-pink-base-default, $ion-primitives-pink-900);
+$ion-bg-extended-pink-base-default-rgb: var(--ion-bg-extended-pink-base-default-rgb, 197, 48, 102);
+$ion-bg-extended-pink-base-press: var(--ion-bg-extended-pink-base-press, $ion-primitives-pink-1100);
+$ion-bg-extended-pink-base-press-rgb: var(--ion-bg-extended-pink-base-press-rgb, 139, 34, 72);
+$ion-bg-extended-pink-subtle-default: var(--ion-bg-extended-pink-subtle-default, $ion-primitives-pink-100);
+$ion-bg-extended-pink-subtle-default-rgb: var(--ion-bg-extended-pink-subtle-default-rgb, 254, 243, 245);
+$ion-bg-extended-pink-subtle-press: var(--ion-bg-extended-pink-subtle-press, $ion-primitives-pink-300);
+$ion-bg-extended-pink-subtle-press-rgb: var(--ion-bg-extended-pink-subtle-press-rgb, 250, 211, 220);
+$ion-text-default: var(--ion-text-default, $ion-primitives-neutral-1200);
+$ion-text-default-rgb: var(--ion-text-default-rgb, 36, 36, 36);
+$ion-text-subtle: var(--ion-text-subtle, $ion-primitives-neutral-1000);
+$ion-text-subtle-rgb: var(--ion-text-subtle-rgb, 59, 59, 59);
+$ion-text-subtlest: var(--ion-text-subtlest, $ion-primitives-neutral-800);
+$ion-text-subtlest-rgb: var(--ion-text-subtlest-rgb, 98, 98, 98);
+$ion-text-primary: var(--ion-text-primary, $ion-semantics-primary-900);
+$ion-text-primary-rgb: var(--ion-text-primary-rgb, 13, 75, 195);
+$ion-text-disabled: var(--ion-text-disabled, $ion-primitives-neutral-500);
+$ion-text-disabled-rgb: var(--ion-text-disabled-rgb, 162, 162, 162);
+$ion-text-danger: var(--ion-text-danger, $ion-semantics-danger-900);
+$ion-text-danger-rgb: var(--ion-text-danger-rgb, 153, 27, 27);
+$ion-text-info: var(--ion-text-info, $ion-semantics-info-900);
+$ion-text-info-rgb: var(--ion-text-info-rgb, 13, 75, 195);
+$ion-text-warning: var(--ion-text-warning, $ion-semantics-warning-1000);
+$ion-text-warning-rgb: var(--ion-text-warning-rgb, 112, 75, 2);
+$ion-text-success: var(--ion-text-success, $ion-semantics-success-900);
+$ion-text-success-rgb: var(--ion-text-success-rgb, 18, 111, 35);
+$ion-text-link-default: var(--ion-text-link-default, $ion-semantics-primary-base);
+$ion-text-link-default-rgb: var(--ion-text-link-default-rgb, 16, 92, 239);
+$ion-text-link-press: var(--ion-text-link-press, $ion-semantics-primary-800);
+$ion-text-link-press-rgb: var(--ion-text-link-press-rgb, 15, 84, 218);
+$ion-text-link-visited: var(--ion-text-link-visited, $ion-semantics-primary-900);
+$ion-text-link-visited-rgb: var(--ion-text-link-visited-rgb, 13, 75, 195);
+$ion-text-inverse: var(--ion-text-inverse, $ion-primitives-base-white);
+$ion-text-inverse-rgb: var(--ion-text-inverse-rgb, 255, 255, 255);
+$ion-text-select: var(--ion-text-select, $ion-semantics-primary-800);
+$ion-text-select-rgb: var(--ion-text-select-rgb, 15, 84, 218);
+$ion-text-extended-pumpkin: var(--ion-text-extended-pumpkin, $ion-primitives-pumpkin-900);
+$ion-text-extended-pumpkin-rgb: var(--ion-text-extended-pumpkin-rgb, 128, 48, 4);
+$ion-text-extended-orange: var(--ion-text-extended-orange, $ion-primitives-orange-900);
+$ion-text-extended-orange-rgb: var(--ion-text-extended-orange-rgb, 132, 77, 0);
+$ion-text-extended-lime: var(--ion-text-extended-lime, $ion-primitives-lime-1000);
+$ion-text-extended-lime-rgb: var(--ion-text-extended-lime-rgb, 62, 87, 9);
+$ion-text-extended-teal: var(--ion-text-extended-teal, $ion-primitives-teal-900);
+$ion-text-extended-teal-rgb: var(--ion-text-extended-teal-rgb, 0, 107, 95);
+$ion-text-extended-aqua: var(--ion-text-extended-aqua, $ion-primitives-aqua-900);
+$ion-text-extended-aqua-rgb: var(--ion-text-extended-aqua-rgb, 20, 109, 129);
+$ion-text-extended-indigo: var(--ion-text-extended-indigo, $ion-primitives-indigo-900);
+$ion-text-extended-indigo-rgb: var(--ion-text-extended-indigo-rgb, 53, 22, 174);
+$ion-text-extended-violet: var(--ion-text-extended-violet, $ion-primitives-violet-900);
+$ion-text-extended-violet-rgb: var(--ion-text-extended-violet-rgb, 101, 26, 197);
+$ion-text-extended-purple: var(--ion-text-extended-purple, $ion-primitives-purple-1000);
+$ion-text-extended-purple-rgb: var(--ion-text-extended-purple-rgb, 129, 42, 170);
+$ion-text-extended-magenta: var(--ion-text-extended-magenta, $ion-primitives-magenta-1100);
+$ion-text-extended-magenta-rgb: var(--ion-text-extended-magenta-rgb, 137, 43, 122);
+$ion-text-extended-pink: var(--ion-text-extended-pink, $ion-primitives-pink-1000);
+$ion-text-extended-pink-rgb: var(--ion-text-extended-pink-rgb, 170, 42, 88);
+$ion-icon-default: var(--ion-icon-default, $ion-primitives-neutral-1200);
+$ion-icon-default-rgb: var(--ion-icon-default-rgb, 36, 36, 36);
+$ion-icon-subtle: var(--ion-icon-subtle, $ion-primitives-neutral-1000);
+$ion-icon-subtle-rgb: var(--ion-icon-subtle-rgb, 59, 59, 59);
+$ion-icon-subtlest: var(--ion-icon-subtlest, $ion-primitives-neutral-800);
+$ion-icon-subtlest-rgb: var(--ion-icon-subtlest-rgb, 98, 98, 98);
+$ion-icon-disabled: var(--ion-icon-disabled, $ion-primitives-neutral-500);
+$ion-icon-disabled-rgb: var(--ion-icon-disabled-rgb, 162, 162, 162);
+$ion-icon-primary: var(--ion-icon-primary, $ion-semantics-primary-900);
+$ion-icon-primary-rgb: var(--ion-icon-primary-rgb, 13, 75, 195);
+$ion-icon-select: var(--ion-icon-select, $ion-semantics-primary-800);
+$ion-icon-select-rgb: var(--ion-icon-select-rgb, 15, 84, 218);
+$ion-icon-info: var(--ion-icon-info, $ion-semantics-info-900);
+$ion-icon-info-rgb: var(--ion-icon-info-rgb, 13, 75, 195);
+$ion-icon-success: var(--ion-icon-success, $ion-semantics-success-900);
+$ion-icon-success-rgb: var(--ion-icon-success-rgb, 18, 111, 35);
+$ion-icon-danger: var(--ion-icon-danger, $ion-semantics-danger-900);
+$ion-icon-danger-rgb: var(--ion-icon-danger-rgb, 153, 27, 27);
+$ion-icon-warning: var(--ion-icon-warning, $ion-semantics-warning-1000);
+$ion-icon-warning-rgb: var(--ion-icon-warning-rgb, 112, 75, 2);
+$ion-icon-inverse: var(--ion-icon-inverse, $ion-primitives-base-white);
+$ion-icon-inverse-rgb: var(--ion-icon-inverse-rgb, 255, 255, 255);
+$ion-icon-link-default: var(--ion-icon-link-default, $ion-text-link-default);
+$ion-icon-link-default-rgb: var(--ion-icon-link-default-rgb, 16, 92, 239);
+$ion-icon-link-press: var(--ion-icon-link-press, $ion-text-link-press);
+$ion-icon-link-press-rgb: var(--ion-icon-link-press-rgb, 15, 84, 218);
+$ion-icon-link-visited: var(--ion-icon-link-visited, $ion-text-link-visited);
+$ion-icon-link-visited-rgb: var(--ion-icon-link-visited-rgb, 13, 75, 195);
+$ion-icon-extended-pumpkin: var(--ion-icon-extended-pumpkin, $ion-primitives-pumpkin-900);
+$ion-icon-extended-pumpkin-rgb: var(--ion-icon-extended-pumpkin-rgb, 128, 48, 4);
+$ion-icon-extended-orange: var(--ion-icon-extended-orange, $ion-primitives-orange-900);
+$ion-icon-extended-orange-rgb: var(--ion-icon-extended-orange-rgb, 132, 77, 0);
+$ion-icon-extended-lime: var(--ion-icon-extended-lime, $ion-primitives-lime-1000);
+$ion-icon-extended-lime-rgb: var(--ion-icon-extended-lime-rgb, 62, 87, 9);
+$ion-icon-extended-teal: var(--ion-icon-extended-teal, $ion-primitives-teal-900);
+$ion-icon-extended-teal-rgb: var(--ion-icon-extended-teal-rgb, 0, 107, 95);
+$ion-icon-extended-aqua: var(--ion-icon-extended-aqua, $ion-primitives-aqua-900);
+$ion-icon-extended-aqua-rgb: var(--ion-icon-extended-aqua-rgb, 20, 109, 129);
+$ion-icon-extended-indigo: var(--ion-icon-extended-indigo, $ion-primitives-indigo-900);
+$ion-icon-extended-indigo-rgb: var(--ion-icon-extended-indigo-rgb, 53, 22, 174);
+$ion-icon-extended-violet: var(--ion-icon-extended-violet, $ion-primitives-violet-900);
+$ion-icon-extended-violet-rgb: var(--ion-icon-extended-violet-rgb, 101, 26, 197);
+$ion-icon-extended-purple: var(--ion-icon-extended-purple, $ion-primitives-purple-1000);
+$ion-icon-extended-purple-rgb: var(--ion-icon-extended-purple-rgb, 129, 42, 170);
+$ion-icon-extended-magenta: var(--ion-icon-extended-magenta, $ion-primitives-magenta-1100);
+$ion-icon-extended-magenta-rgb: var(--ion-icon-extended-magenta-rgb, 137, 43, 122);
+$ion-icon-extended-pink: var(--ion-icon-extended-pink, $ion-primitives-pink-1000);
+$ion-icon-extended-pink-rgb: var(--ion-icon-extended-pink-rgb, 170, 42, 88);
+$ion-state-disabled: var(--ion-state-disabled, rgba(255, 255, 255, 0.6));
+$ion-state-press: var(--ion-state-press, rgba(36, 36, 36, 0.08));
+$ion-elevation-1: var(--ion-elevation-1, 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 3px 9px 0px rgba(0, 0, 0, 0.07));
+$ion-elevation-2: var(--ion-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08));
+$ion-elevation-3: var(--ion-elevation-3, 0px 2px 7px 0px rgba(0, 0, 0, 0.05), 0px 6px 32px 0px rgba(0, 0, 0, 0.16));
+$ion-elevation-4: var(--ion-elevation-4, 0px 3px 12px 0px rgba(0, 0, 0, 0.12), 0px 15px 48px 0px rgba(0, 0, 0, 0.18));
+$ion-backdrop: var(--ion-backdrop, [object Object]);
+$ion-space-0: var(--ion-space-0, $ion-scale-0);
+$ion-space-100: var(--ion-space-100, $ion-scale-100);
+$ion-space-150: var(--ion-space-150, $ion-scale-150);
+$ion-space-200: var(--ion-space-200, $ion-scale-200);
+$ion-space-250: var(--ion-space-250, $ion-scale-250);
+$ion-space-300: var(--ion-space-300, $ion-scale-300);
+$ion-space-400: var(--ion-space-400, $ion-scale-400);
+$ion-space-500: var(--ion-space-500, $ion-scale-500);
+$ion-space-600: var(--ion-space-600, $ion-scale-600);
+$ion-space-700: var(--ion-space-700, $ion-scale-700);
+$ion-space-800: var(--ion-space-800, $ion-scale-800);
+$ion-space-900: var(--ion-space-900, $ion-scale-900);
+$ion-space-1000: var(--ion-space-1000, $ion-scale-1000);
+$ion-space-1200: var(--ion-space-1200, $ion-scale-1200);
+$ion-space-050: var(--ion-space-050, $ion-scale-050);
+$ion-transition-curve-linear: var(--ion-transition-curve-linear, linear);
+$ion-transition-curve-quick: var(--ion-transition-curve-quick, cubic-bezier(0, 0, 0.2, 1));
+$ion-transition-curve-base: var(--ion-transition-curve-base, cubic-bezier(0.4, 0, 1, 1));
+$ion-transition-curve-expressive: var(--ion-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));
+$ion-transition-curve-bounce: var(--ion-transition-curve-bounce, cubic-bezier(0.47, 0, 0.23, 1.38));
+$ion-transition-time-0: var(--ion-transition-time-0, 0ms);
+$ion-transition-time-100: var(--ion-transition-time-100, 100ms);
+$ion-transition-time-150: var(--ion-transition-time-150, 150ms);
+$ion-transition-time-200: var(--ion-transition-time-200, 200ms);
+$ion-transition-time-300: var(--ion-transition-time-300, 300ms);
+$ion-transition-time-500: var(--ion-transition-time-500, 500ms);
+$ion-transition-time-1000: var(--ion-transition-time-1000, 1000ms);
+$ion-transition-time-1500: var(--ion-transition-time-1500, 1500ms);
+$ion-font-family: var(--ion-font-family, "Inter", sans-serif);
+$ion-font-weight-thin: var(--ion-font-weight-thin, 100);
+$ion-font-weight-extra-light: var(--ion-font-weight-extra-light, 200);
+$ion-font-weight-light: var(--ion-font-weight-light, 300);
+$ion-font-weight-regular: var(--ion-font-weight-regular, 400);
+$ion-font-weight-medium: var(--ion-font-weight-medium, 500);
+$ion-font-weight-semi-bold: var(--ion-font-weight-semi-bold, 600);
+$ion-font-weight-bold: var(--ion-font-weight-bold, 700);
+$ion-font-weight-extra-bold: var(--ion-font-weight-extra-bold, 800);
+$ion-font-weight-black: var(--ion-font-weight-black, 900);
+$ion-font-size-275: var(--ion-font-size-275, font.px-to-rem(11));
+$ion-font-size-300: var(--ion-font-size-300, font.px-to-rem(12));
+$ion-font-size-350: var(--ion-font-size-350, font.px-to-rem(14));
+$ion-font-size-400: var(--ion-font-size-400, font.px-to-rem(16));
+$ion-font-size-450: var(--ion-font-size-450, font.px-to-rem(18));
+$ion-font-size-500: var(--ion-font-size-500, font.px-to-rem(20));
+$ion-font-size-550: var(--ion-font-size-550, font.px-to-rem(22));
+$ion-font-size-600: var(--ion-font-size-600, font.px-to-rem(24));
+$ion-font-size-650: var(--ion-font-size-650, font.px-to-rem(26));
+$ion-font-size-700: var(--ion-font-size-700, font.px-to-rem(28));
+$ion-font-size-800: var(--ion-font-size-800, font.px-to-rem(32));
+$ion-font-size-900: var(--ion-font-size-900, font.px-to-rem(36));
+$ion-font-letter-spacing-0: var(--ion-font-letter-spacing-0, 0%);
+$ion-font-letter-spacing-1: var(--ion-font-letter-spacing-1, 1%);
+$ion-font-letter-spacing-2: var(--ion-font-letter-spacing-2, 1.5%);
+$ion-font-line-height-300: var(--ion-font-line-height-300, $ion-scale-300);
+$ion-font-line-height-400: var(--ion-font-line-height-400, $ion-scale-400);
+$ion-font-line-height-500: var(--ion-font-line-height-500, $ion-scale-500);
+$ion-font-line-height-600: var(--ion-font-line-height-600, $ion-scale-600);
+$ion-font-line-height-700: var(--ion-font-line-height-700, $ion-scale-700);
+$ion-font-line-height-800: var(--ion-font-line-height-800, $ion-scale-800);
+$ion-font-line-height-900: var(--ion-font-line-height-900, $ion-scale-900);
+$ion-font-line-height-1100: var(--ion-font-line-height-1100, $ion-scale-1100);
+$ion-font-line-height-1200: var(--ion-font-line-height-1200, $ion-scale-1200);
+$ion-font-line-height-full: var(--ion-font-line-height-full, 100%);
+$ion-z-index-0: var(--ion-z-index-0, 0);
+$ion-z-index-100: var(--ion-z-index-100, 100);
+$ion-z-index-200: var(--ion-z-index-200, 200);
+$ion-z-index-300: var(--ion-z-index-300, 300);
+$ion-z-index-400: var(--ion-z-index-400, 400);
+$ion-z-index-500: var(--ion-z-index-500, 500);
+$ion-z-index-bottom: var(--ion-z-index-bottom, -99999);
+$ion-z-index-top: var(--ion-z-index-top, 99999);
+$ion-rectangular-2xs: var(--ion-rectangular-2xs, $ion-border-radius-0);
+$ion-rectangular-xs: var(--ion-rectangular-xs, $ion-border-radius-0);
+$ion-rectangular-sm: var(--ion-rectangular-sm, $ion-border-radius-0);
+$ion-rectangular-md: var(--ion-rectangular-md, $ion-border-radius-0);
+$ion-rectangular-lg: var(--ion-rectangular-lg, $ion-border-radius-0);
+$ion-rectangular-xl: var(--ion-rectangular-xl, $ion-border-radius-0);
+$ion-rectangular-2xl: var(--ion-rectangular-2xl, $ion-border-radius-0);
+$ion-round-2xs: var(--ion-round-2xs, $ion-border-radius-full);
+$ion-round-xs: var(--ion-round-xs, $ion-border-radius-full);
+$ion-round-sm: var(--ion-round-sm, $ion-border-radius-full);
+$ion-round-md: var(--ion-round-md, $ion-border-radius-full);
+$ion-round-lg: var(--ion-round-lg, $ion-border-radius-300);
+$ion-round-xl: var(--ion-round-xl, $ion-border-radius-400);
+$ion-round-2xl: var(--ion-round-2xl, $ion-border-radius-1000);
+$ion-soft-2xs: var(--ion-soft-2xs, $ion-border-radius-100);
+$ion-soft-xs: var(--ion-soft-xs, $ion-border-radius-200);
+$ion-soft-sm: var(--ion-soft-sm, $ion-border-radius-300);
+$ion-soft-md: var(--ion-soft-md, $ion-border-radius-400);
+$ion-soft-lg: var(--ion-soft-lg, $ion-border-radius-200);
+$ion-soft-xl: var(--ion-soft-xl, $ion-border-radius-200);
+$ion-soft-2xl: var(--ion-soft-2xl, $ion-border-radius-400);
 $ion-shadow-1: var(--ion-shadow-1, rgba(0, 0, 0, 0.04));
 $ion-shadow-2: var(--ion-shadow-2, rgba(0, 0, 0, 0.05));
 $ion-shadow-3: var(--ion-shadow-3, rgba(0, 0, 0, 0.07));