diff --git a/__integration__/__snapshots__/compose.test.snap.js b/__integration__/__snapshots__/compose.test.snap.js
index 319f1ac0..b62cefc9 100644
--- a/__integration__/__snapshots__/compose.test.snap.js
+++ b/__integration__/__snapshots__/compose.test.snap.js
@@ -192,168 +192,168 @@ import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.unit.*
 
 object StyleDictionary {
-  val sizePaddingXl = 16.00.dp
-  val sizePaddingLarge = 16.00.dp
-  val sizePaddingMedium = 16.00.dp
-  val sizePaddingSmall = 8.00.dp
-  val sizeFontXl = 36.00.sp
-  val sizeFontLarge = 24.00.sp
-  val sizeFontMedium = 16.00.sp
-  val sizeFontSmall = 12.00.sp
-  val sizeBorderRadiusLarge = 480.00.dp
-  val colorCoreYellow1100 = Color(0xff2d1a05)
-  val colorCoreYellow1000 = Color(0xff542a00)
-  val colorCoreYellow900 = Color(0xff944c0c)
-  val colorCoreYellow800 = Color(0xffba7506)
-  val colorCoreYellow700 = Color(0xffdd9903)
-  val colorCoreYellow600 = Color(0xffffbc00)
-  val colorCoreYellow500 = Color(0xffffcd1c)
-  val colorCoreYellow400 = Color(0xffffd943)
-  val colorCoreYellow300 = Color(0xffffe16e)
-  val colorCoreYellow200 = Color(0xffffe99a)
-  val colorCoreYellow100 = Color(0xfffdefcd)
-  val colorCoreYellow0 = Color(0xfffff8e2)
-  val colorCoreNeutral1100 = Color(0xff040404)
-  val colorCoreNeutral1000 = Color(0xff162020)
-  val colorCoreNeutral900 = Color(0xff273333)
-  val colorCoreNeutral800 = Color(0xff364141)
-  val colorCoreNeutral700 = Color(0xff515e5f)
-  val colorCoreNeutral600 = Color(0xff6e797a)
-  val colorCoreNeutral500 = Color(0xff929a9b)
-  val colorCoreNeutral400 = Color(0xffb0b6b7)
-  val colorCoreNeutral300 = Color(0xffc8cccc)
-  val colorCoreNeutral200 = Color(0xffdee1e1)
-  val colorCoreNeutral100 = Color(0xfff3f4f4)
-  val colorCoreNeutral0 = Color(0xffffffff)
-  val colorCoreOrange1100 = Color(0xff2d130e)
-  val colorCoreOrange1000 = Color(0xff601700)
-  val colorCoreOrange900 = Color(0xff962c0b)
-  val colorCoreOrange800 = Color(0xffce5511)
-  val colorCoreOrange700 = Color(0xffed7024)
-  val colorCoreOrange600 = Color(0xfff57d33)
-  val colorCoreOrange500 = Color(0xfffc8943)
-  val colorCoreOrange400 = Color(0xffff9c5d)
-  val colorCoreOrange300 = Color(0xffffb180)
-  val colorCoreOrange200 = Color(0xffffc6a4)
-  val colorCoreOrange100 = Color(0xfffcdccc)
-  val colorCoreOrange0 = Color(0xffffede3)
-  val colorCoreRed1100 = Color(0xff2b1111)
-  val colorCoreRed1000 = Color(0xff6d1313)
-  val colorCoreRed900 = Color(0xff992222)
-  val colorCoreRed800 = Color(0xffc63434)
-  val colorCoreRed700 = Color(0xffdb3e3e)
-  val colorCoreRed600 = Color(0xffed4c42)
-  val colorCoreRed500 = Color(0xfff76054)
-  val colorCoreRed400 = Color(0xffff7f6e)
-  val colorCoreRed300 = Color(0xffff9c8f)
-  val colorCoreRed200 = Color(0xffffb8b1)
-  val colorCoreRed100 = Color(0xffffd5d2)
-  val colorCoreRed0 = Color(0xffffeae9)
-  val colorCorePink1100 = Color(0xff2b1721)
-  val colorCorePink1000 = Color(0xff561231)
-  val colorCorePink900 = Color(0xff931847)
-  val colorCorePink800 = Color(0xffb22f5b)
-  val colorCorePink700 = Color(0xffce3665)
-  val colorCorePink600 = Color(0xffe0447c)
-  val colorCorePink500 = Color(0xffef588b)
-  val colorCorePink400 = Color(0xffff76ae)
-  val colorCorePink300 = Color(0xffff95c1)
-  val colorCorePink200 = Color(0xffffb5d5)
-  val colorCorePink100 = Color(0xfffcdbeb)
-  val colorCorePink0 = Color(0xffffe9f3)
-  val colorCoreMagenta1100 = Color(0xff29192d)
-  val colorCoreMagenta1000 = Color(0xff451551)
-  val colorCoreMagenta900 = Color(0xff6c2277)
-  val colorCoreMagenta800 = Color(0xff8f3896)
-  val colorCoreMagenta700 = Color(0xffac44a8)
-  val colorCoreMagenta600 = Color(0xffc44eb9)
-  val colorCoreMagenta500 = Color(0xffdb61db)
-  val colorCoreMagenta400 = Color(0xfff282f5)
-  val colorCoreMagenta300 = Color(0xffedadf2)
-  val colorCoreMagenta200 = Color(0xfff4c4f7)
-  val colorCoreMagenta100 = Color(0xfff9e3fc)
-  val colorCoreMagenta0 = Color(0xfffef0ff)
-  val colorCorePurple1100 = Color(0xff1d1d38)
-  val colorCorePurple1000 = Color(0xff2d246b)
-  val colorCorePurple900 = Color(0xff483a9c)
-  val colorCorePurple800 = Color(0xff5e4eba)
-  val colorCorePurple700 = Color(0xff6f5ed3)
-  val colorCorePurple600 = Color(0xff816fea)
-  val colorCorePurple500 = Color(0xff9180f4)
-  val colorCorePurple400 = Color(0xffa193f2)
-  val colorCorePurple300 = Color(0xffc1c1f7)
-  val colorCorePurple200 = Color(0xffd8d7f9)
-  val colorCorePurple100 = Color(0xffeaeaf9)
-  val colorCorePurple0 = Color(0xfff2f2f9)
-  val colorCoreBlue1100 = Color(0xff002138)
-  val colorCoreBlue1000 = Color(0xff0a3960)
-  val colorCoreBlue900 = Color(0xff0c5689)
-  val colorCoreBlue800 = Color(0xff116daa)
-  val colorCoreBlue700 = Color(0xff2079c3)
-  val colorCoreBlue600 = Color(0xff2b87d3)
-  val colorCoreBlue500 = Color(0xff3896e3)
-  val colorCoreBlue400 = Color(0xff56adf5)
-  val colorCoreBlue300 = Color(0xffa1d2f8)
-  val colorCoreBlue200 = Color(0xffc7e4f9)
-  val colorCoreBlue100 = Color(0xffdcf2ff)
-  val colorCoreBlue0 = Color(0xffe9f8ff)
-  val colorCoreAqua1100 = Color(0xff002838)
-  val colorCoreAqua1000 = Color(0xff083d4f)
-  val colorCoreAqua900 = Color(0xff035e73)
-  val colorCoreAqua800 = Color(0xff0f6e84)
-  val colorCoreAqua700 = Color(0xff0b8599)
-  val colorCoreAqua600 = Color(0xff0797ae)
-  val colorCoreAqua500 = Color(0xff17b8ce)
-  val colorCoreAqua400 = Color(0xff33d6e2)
-  val colorCoreAqua300 = Color(0xff76e5e2)
-  val colorCoreAqua200 = Color(0xffa5f2f2)
-  val colorCoreAqua100 = Color(0xffc5f9f9)
-  val colorCoreAqua0 = Color(0xffd9fcfb)
-  val colorCoreTeal1100 = Color(0xff002528)
-  val colorCoreTeal1000 = Color(0xff083f3f)
-  val colorCoreTeal900 = Color(0xff026661)
-  val colorCoreTeal800 = Color(0xff067c7c)
-  val colorCoreTeal700 = Color(0xff0b968f)
-  val colorCoreTeal600 = Color(0xff00a99c)
-  val colorCoreTeal500 = Color(0xff08c4b2)
-  val colorCoreTeal400 = Color(0xff24e0c5)
-  val colorCoreTeal300 = Color(0xff7dead5)
-  val colorCoreTeal200 = Color(0xffb3f2e6)
-  val colorCoreTeal100 = Color(0xffcdf7ef)
-  val colorCoreTeal0 = Color(0xffe5f9f5)
-  val colorCoreGreen1100 = Color(0xff002b20)
-  val colorCoreGreen1000 = Color(0xff08422f)
-  val colorCoreGreen900 = Color(0xff006b40)
-  val colorCoreGreen800 = Color(0xff008b46)
-  val colorCoreGreen700 = Color(0xff0ca750)
-  val colorCoreGreen600 = Color(0xff2bb656)
-  val colorCoreGreen500 = Color(0xff59cb59)
-  val colorCoreGreen400 = Color(0xff75dd66)
-  val colorCoreGreen300 = Color(0xff98e58e)
-  val colorCoreGreen200 = Color(0xffc2f2bd)
-  val colorCoreGreen100 = Color(0xffd7f4d7)
   val colorCoreGreen0 = Color(0xffebf9eb)
-  val colorFontSuccess = colorCoreGreen1000
-  val colorFontWarning = colorCoreOrange1000
-  val colorFontDanger = colorCoreRed1000
-  val colorFontTertiary = colorCoreNeutral800
-  val colorFontSecondary = colorCoreNeutral900
-  val colorFontPrimary = colorCoreNeutral1100
-  val colorBrandSecondary = colorCorePurple700
-  val colorBrandPrimary = colorCoreAqua700
-  val colorBorderPrimary = colorCoreNeutral300
-  val colorBackgroundInfo = colorCoreBlue0
-  val colorBackgroundSuccess = colorCoreGreen0
-  val colorBackgroundWarning = colorCoreOrange0
-  val colorBackgroundDanger = colorCoreRed0
-  val colorBackgroundTertiary = colorCoreNeutral200
-  val colorBackgroundSecondary = colorCoreNeutral100
+  val colorCoreGreen100 = Color(0xffd7f4d7)
+  val colorCoreGreen200 = Color(0xffc2f2bd)
+  val colorCoreGreen300 = Color(0xff98e58e)
+  val colorCoreGreen400 = Color(0xff75dd66)
+  val colorCoreGreen500 = Color(0xff59cb59)
+  val colorCoreGreen600 = Color(0xff2bb656)
+  val colorCoreGreen700 = Color(0xff0ca750)
+  val colorCoreGreen800 = Color(0xff008b46)
+  val colorCoreGreen900 = Color(0xff006b40)
+  val colorCoreGreen1000 = Color(0xff08422f)
+  val colorCoreGreen1100 = Color(0xff002b20)
+  val colorCoreTeal0 = Color(0xffe5f9f5)
+  val colorCoreTeal100 = Color(0xffcdf7ef)
+  val colorCoreTeal200 = Color(0xffb3f2e6)
+  val colorCoreTeal300 = Color(0xff7dead5)
+  val colorCoreTeal400 = Color(0xff24e0c5)
+  val colorCoreTeal500 = Color(0xff08c4b2)
+  val colorCoreTeal600 = Color(0xff00a99c)
+  val colorCoreTeal700 = Color(0xff0b968f)
+  val colorCoreTeal800 = Color(0xff067c7c)
+  val colorCoreTeal900 = Color(0xff026661)
+  val colorCoreTeal1000 = Color(0xff083f3f)
+  val colorCoreTeal1100 = Color(0xff002528)
+  val colorCoreAqua0 = Color(0xffd9fcfb)
+  val colorCoreAqua100 = Color(0xffc5f9f9)
+  val colorCoreAqua200 = Color(0xffa5f2f2)
+  val colorCoreAqua300 = Color(0xff76e5e2)
+  val colorCoreAqua400 = Color(0xff33d6e2)
+  val colorCoreAqua500 = Color(0xff17b8ce)
+  val colorCoreAqua600 = Color(0xff0797ae)
+  val colorCoreAqua700 = Color(0xff0b8599)
+  val colorCoreAqua800 = Color(0xff0f6e84)
+  val colorCoreAqua900 = Color(0xff035e73)
+  val colorCoreAqua1000 = Color(0xff083d4f)
+  val colorCoreAqua1100 = Color(0xff002838)
+  val colorCoreBlue0 = Color(0xffe9f8ff)
+  val colorCoreBlue100 = Color(0xffdcf2ff)
+  val colorCoreBlue200 = Color(0xffc7e4f9)
+  val colorCoreBlue300 = Color(0xffa1d2f8)
+  val colorCoreBlue400 = Color(0xff56adf5)
+  val colorCoreBlue500 = Color(0xff3896e3)
+  val colorCoreBlue600 = Color(0xff2b87d3)
+  val colorCoreBlue700 = Color(0xff2079c3)
+  val colorCoreBlue800 = Color(0xff116daa)
+  val colorCoreBlue900 = Color(0xff0c5689)
+  val colorCoreBlue1000 = Color(0xff0a3960)
+  val colorCoreBlue1100 = Color(0xff002138)
+  val colorCorePurple0 = Color(0xfff2f2f9)
+  val colorCorePurple100 = Color(0xffeaeaf9)
+  val colorCorePurple200 = Color(0xffd8d7f9)
+  val colorCorePurple300 = Color(0xffc1c1f7)
+  val colorCorePurple400 = Color(0xffa193f2)
+  val colorCorePurple500 = Color(0xff9180f4)
+  val colorCorePurple600 = Color(0xff816fea)
+  val colorCorePurple700 = Color(0xff6f5ed3)
+  val colorCorePurple800 = Color(0xff5e4eba)
+  val colorCorePurple900 = Color(0xff483a9c)
+  val colorCorePurple1000 = Color(0xff2d246b)
+  val colorCorePurple1100 = Color(0xff1d1d38)
+  val colorCoreMagenta0 = Color(0xfffef0ff)
+  val colorCoreMagenta100 = Color(0xfff9e3fc)
+  val colorCoreMagenta200 = Color(0xfff4c4f7)
+  val colorCoreMagenta300 = Color(0xffedadf2)
+  val colorCoreMagenta400 = Color(0xfff282f5)
+  val colorCoreMagenta500 = Color(0xffdb61db)
+  val colorCoreMagenta600 = Color(0xffc44eb9)
+  val colorCoreMagenta700 = Color(0xffac44a8)
+  val colorCoreMagenta800 = Color(0xff8f3896)
+  val colorCoreMagenta900 = Color(0xff6c2277)
+  val colorCoreMagenta1000 = Color(0xff451551)
+  val colorCoreMagenta1100 = Color(0xff29192d)
+  val colorCorePink0 = Color(0xffffe9f3)
+  val colorCorePink100 = Color(0xfffcdbeb)
+  val colorCorePink200 = Color(0xffffb5d5)
+  val colorCorePink300 = Color(0xffff95c1)
+  val colorCorePink400 = Color(0xffff76ae)
+  val colorCorePink500 = Color(0xffef588b)
+  val colorCorePink600 = Color(0xffe0447c)
+  val colorCorePink700 = Color(0xffce3665)
+  val colorCorePink800 = Color(0xffb22f5b)
+  val colorCorePink900 = Color(0xff931847)
+  val colorCorePink1000 = Color(0xff561231)
+  val colorCorePink1100 = Color(0xff2b1721)
+  val colorCoreRed0 = Color(0xffffeae9)
+  val colorCoreRed100 = Color(0xffffd5d2)
+  val colorCoreRed200 = Color(0xffffb8b1)
+  val colorCoreRed300 = Color(0xffff9c8f)
+  val colorCoreRed400 = Color(0xffff7f6e)
+  val colorCoreRed500 = Color(0xfff76054)
+  val colorCoreRed600 = Color(0xffed4c42)
+  val colorCoreRed700 = Color(0xffdb3e3e)
+  val colorCoreRed800 = Color(0xffc63434)
+  val colorCoreRed900 = Color(0xff992222)
+  val colorCoreRed1000 = Color(0xff6d1313)
+  val colorCoreRed1100 = Color(0xff2b1111)
+  val colorCoreOrange0 = Color(0xffffede3)
+  val colorCoreOrange100 = Color(0xfffcdccc)
+  val colorCoreOrange200 = Color(0xffffc6a4)
+  val colorCoreOrange300 = Color(0xffffb180)
+  val colorCoreOrange400 = Color(0xffff9c5d)
+  val colorCoreOrange500 = Color(0xfffc8943)
+  val colorCoreOrange600 = Color(0xfff57d33)
+  val colorCoreOrange700 = Color(0xffed7024)
+  val colorCoreOrange800 = Color(0xffce5511)
+  val colorCoreOrange900 = Color(0xff962c0b)
+  val colorCoreOrange1000 = Color(0xff601700)
+  val colorCoreOrange1100 = Color(0xff2d130e)
+  val colorCoreNeutral0 = Color(0xffffffff)
+  val colorCoreNeutral100 = Color(0xfff3f4f4)
+  val colorCoreNeutral200 = Color(0xffdee1e1)
+  val colorCoreNeutral300 = Color(0xffc8cccc)
+  val colorCoreNeutral400 = Color(0xffb0b6b7)
+  val colorCoreNeutral500 = Color(0xff929a9b)
+  val colorCoreNeutral600 = Color(0xff6e797a)
+  val colorCoreNeutral700 = Color(0xff515e5f)
+  val colorCoreNeutral800 = Color(0xff364141)
+  val colorCoreNeutral900 = Color(0xff273333)
+  val colorCoreNeutral1000 = Color(0xff162020)
+  val colorCoreNeutral1100 = Color(0xff040404)
+  val colorCoreYellow0 = Color(0xfffff8e2)
+  val colorCoreYellow100 = Color(0xfffdefcd)
+  val colorCoreYellow200 = Color(0xffffe99a)
+  val colorCoreYellow300 = Color(0xffffe16e)
+  val colorCoreYellow400 = Color(0xffffd943)
+  val colorCoreYellow500 = Color(0xffffcd1c)
+  val colorCoreYellow600 = Color(0xffffbc00)
+  val colorCoreYellow700 = Color(0xffdd9903)
+  val colorCoreYellow800 = Color(0xffba7506)
+  val colorCoreYellow900 = Color(0xff944c0c)
+  val colorCoreYellow1000 = Color(0xff542a00)
+  val colorCoreYellow1100 = Color(0xff2d1a05)
+  val sizeBorderRadiusLarge = 480.00.dp
+  val sizeFontSmall = 12.00.sp
+  val sizeFontMedium = 16.00.sp
+  val sizeFontLarge = 24.00.sp
+  val sizeFontXl = 36.00.sp
+  val sizePaddingSmall = 8.00.dp
+  val sizePaddingMedium = 16.00.dp
+  val sizePaddingLarge = 16.00.dp
+  val sizePaddingXl = 16.00.dp
   val colorBackgroundPrimary = colorCoreNeutral0
-  val colorFontInteractiveDisabled = colorFontTertiary
-  val colorFontInteractiveActive = colorBrandSecondary
-  val colorFontInteractiveHover = colorBrandPrimary
-  val colorFontInteractive = colorBrandPrimary
+  val colorBackgroundSecondary = colorCoreNeutral100
+  val colorBackgroundTertiary = colorCoreNeutral200
+  val colorBackgroundDanger = colorCoreRed0
+  val colorBackgroundWarning = colorCoreOrange0
+  val colorBackgroundSuccess = colorCoreGreen0
+  val colorBackgroundInfo = colorCoreBlue0
+  val colorBorderPrimary = colorCoreNeutral300
+  val colorBrandPrimary = colorCoreAqua700
+  val colorBrandSecondary = colorCorePurple700
+  val colorFontPrimary = colorCoreNeutral1100
+  val colorFontSecondary = colorCoreNeutral900
+  val colorFontTertiary = colorCoreNeutral800
+  val colorFontDanger = colorCoreRed1000
+  val colorFontWarning = colorCoreOrange1000
+  val colorFontSuccess = colorCoreGreen1000
   val colorBackgroundDisabled = colorBackgroundTertiary
+  val colorFontInteractive = colorBrandPrimary
+  val colorFontInteractiveHover = colorBrandPrimary
+  val colorFontInteractiveActive = colorBrandSecondary
+  val colorFontInteractiveDisabled = colorFontTertiary
 }`;
 /* end snapshot integration compose compose/object with references should match snapshot */
 
diff --git a/__integration__/__snapshots__/css.test.snap.js b/__integration__/__snapshots__/css.test.snap.js
index b924ff48..6d9755ae 100644
--- a/__integration__/__snapshots__/css.test.snap.js
+++ b/__integration__/__snapshots__/css.test.snap.js
@@ -182,195 +182,358 @@ snapshots["integration css css/variables with references should match snapshot"]
  */
 
 :root {
-  --size-padding-xl: 1rem;
-  --size-padding-large: 1rem;
-  --size-padding-medium: 1rem;
-  --size-padding-small: 0.5rem;
-  --size-font-xl: 2.25rem;
-  --size-font-large: 1.5rem;
-  --size-font-medium: 1rem;
-  --size-font-small: 0.75rem;
-  --size-border-radius-large: 30rem;
-  --color-core-yellow-1100: #2d1a05;
-  --color-core-yellow-1000: #542a00;
-  --color-core-yellow-900: #944c0c;
-  --color-core-yellow-800: #ba7506;
-  --color-core-yellow-700: #dd9903;
-  --color-core-yellow-600: #ffbc00;
-  --color-core-yellow-500: #ffcd1c;
-  --color-core-yellow-400: #ffd943;
-  --color-core-yellow-300: #ffe16e;
-  --color-core-yellow-200: #ffe99a;
-  --color-core-yellow-100: #fdefcd;
-  --color-core-yellow-0: #fff8e2;
-  --color-core-neutral-1100: #040404;
-  --color-core-neutral-1000: #162020;
-  --color-core-neutral-900: #273333;
-  --color-core-neutral-800: #364141;
-  --color-core-neutral-700: #515e5f;
-  --color-core-neutral-600: #6e797a;
-  --color-core-neutral-500: #929a9b;
-  --color-core-neutral-400: #b0b6b7;
-  --color-core-neutral-300: #c8cccc;
-  --color-core-neutral-200: #dee1e1;
-  --color-core-neutral-100: #f3f4f4;
-  --color-core-neutral-0: #ffffff;
-  --color-core-orange-1100: #2d130e;
-  --color-core-orange-1000: #601700;
-  --color-core-orange-900: #962c0b;
-  --color-core-orange-800: #ce5511;
-  --color-core-orange-700: #ed7024;
-  --color-core-orange-600: #f57d33;
-  --color-core-orange-500: #fc8943;
-  --color-core-orange-400: #ff9c5d;
-  --color-core-orange-300: #ffb180;
-  --color-core-orange-200: #ffc6a4;
-  --color-core-orange-100: #fcdccc;
-  --color-core-orange-0: #ffede3;
-  --color-core-red-1100: #2b1111;
-  --color-core-red-1000: #6d1313;
-  --color-core-red-900: #992222;
-  --color-core-red-800: #c63434;
-  --color-core-red-700: #db3e3e;
-  --color-core-red-600: #ed4c42;
-  --color-core-red-500: #f76054;
-  --color-core-red-400: #ff7f6e;
-  --color-core-red-300: #ff9c8f;
-  --color-core-red-200: #ffb8b1;
-  --color-core-red-100: #ffd5d2;
-  --color-core-red-0: #ffeae9;
-  --color-core-pink-1100: #2b1721;
-  --color-core-pink-1000: #561231;
-  --color-core-pink-900: #931847;
-  --color-core-pink-800: #b22f5b;
-  --color-core-pink-700: #ce3665;
-  --color-core-pink-600: #e0447c;
-  --color-core-pink-500: #ef588b;
-  --color-core-pink-400: #ff76ae;
-  --color-core-pink-300: #ff95c1;
-  --color-core-pink-200: #ffb5d5;
-  --color-core-pink-100: #fcdbeb;
-  --color-core-pink-0: #ffe9f3;
-  --color-core-magenta-1100: #29192d;
-  --color-core-magenta-1000: #451551;
-  --color-core-magenta-900: #6c2277;
-  --color-core-magenta-800: #8f3896;
-  --color-core-magenta-700: #ac44a8;
-  --color-core-magenta-600: #c44eb9;
-  --color-core-magenta-500: #db61db;
-  --color-core-magenta-400: #f282f5;
-  --color-core-magenta-300: #edadf2;
-  --color-core-magenta-200: #f4c4f7;
-  --color-core-magenta-100: #f9e3fc;
-  --color-core-magenta-0: #fef0ff;
-  --color-core-purple-1100: #1d1d38;
-  --color-core-purple-1000: #2d246b;
-  --color-core-purple-900: #483a9c;
-  --color-core-purple-800: #5e4eba;
-  --color-core-purple-700: #6f5ed3;
-  --color-core-purple-600: #816fea;
-  --color-core-purple-500: #9180f4;
-  --color-core-purple-400: #a193f2;
-  --color-core-purple-300: #c1c1f7;
-  --color-core-purple-200: #d8d7f9;
-  --color-core-purple-100: #eaeaf9;
-  --color-core-purple-0: #f2f2f9;
-  --color-core-blue-1100: #002138;
-  --color-core-blue-1000: #0a3960;
-  --color-core-blue-900: #0c5689;
-  --color-core-blue-800: #116daa;
-  --color-core-blue-700: #2079c3;
-  --color-core-blue-600: #2b87d3;
-  --color-core-blue-500: #3896e3;
-  --color-core-blue-400: #56adf5;
-  --color-core-blue-300: #a1d2f8;
-  --color-core-blue-200: #c7e4f9;
-  --color-core-blue-100: #dcf2ff;
-  --color-core-blue-0: #e9f8ff;
-  --color-core-aqua-1100: #002838;
-  --color-core-aqua-1000: #083d4f;
-  --color-core-aqua-900: #035e73;
-  --color-core-aqua-800: #0f6e84;
-  --color-core-aqua-700: #0b8599;
-  --color-core-aqua-600: #0797ae;
-  --color-core-aqua-500: #17b8ce;
-  --color-core-aqua-400: #33d6e2;
-  --color-core-aqua-300: #76e5e2;
-  --color-core-aqua-200: #a5f2f2;
-  --color-core-aqua-100: #c5f9f9;
-  --color-core-aqua-0: #d9fcfb;
-  --color-core-teal-1100: #002528;
-  --color-core-teal-1000: #083f3f;
-  --color-core-teal-900: #026661;
-  --color-core-teal-800: #067c7c;
-  --color-core-teal-700: #0b968f;
-  --color-core-teal-600: #00a99c;
-  --color-core-teal-500: #08c4b2;
-  --color-core-teal-400: #24e0c5;
-  --color-core-teal-300: #7dead5;
-  --color-core-teal-200: #b3f2e6;
-  --color-core-teal-100: #cdf7ef;
-  --color-core-teal-0: #e5f9f5;
-  --color-core-green-1100: #002b20;
-  --color-core-green-1000: #08422f;
-  --color-core-green-900: #006b40;
-  --color-core-green-800: #008b46;
-  --color-core-green-700: #0ca750;
-  --color-core-green-600: #2bb656;
-  --color-core-green-500: #59cb59;
-  --color-core-green-400: #75dd66;
-  --color-core-green-300: #98e58e;
-  --color-core-green-200: #c2f2bd;
-  --color-core-green-100: #d7f4d7;
-  --color-core-green-0: #ebf9eb;
-  --breakpoint-sm: 768px;
   --breakpoint-xs: 304px;
-  --color-font-success: var(--color-core-green-1000);
-  --color-font-warning: var(--color-core-orange-1000);
-  --color-font-danger: var(--color-core-red-1000);
-  --color-font-tertiary: var(--color-core-neutral-800);
-  --color-font-secondary: var(--color-core-neutral-900);
-  --color-font-primary: var(--color-core-neutral-1100);
-  --color-brand-secondary: var(--color-core-purple-700);
-  --color-brand-primary: var(--color-core-aqua-700);
-  --color-border-primary: var(--color-core-neutral-300);
-  --color-background-info: var(--color-core-blue-0);
-  --color-background-success: var(--color-core-green-0);
-  --color-background-warning: var(--color-core-orange-0);
-  --color-background-danger: var(--color-core-red-0);
-  --color-background-tertiary: var(--color-core-neutral-200);
-  --color-background-secondary: var(--color-core-neutral-100);
-  --color-background-primary: var(--color-core-neutral-0);
+  --breakpoint-sm: 768px;
+  --color-core-green-0: #ebf9eb;
+  --color-core-green-100: #d7f4d7;
+  --color-core-green-200: #c2f2bd;
+  --color-core-green-300: #98e58e;
+  --color-core-green-400: #75dd66;
+  --color-core-green-500: #59cb59;
+  --color-core-green-600: #2bb656;
+  --color-core-green-700: #0ca750;
+  --color-core-green-800: #008b46;
+  --color-core-green-900: #006b40;
+  --color-core-green-1000: #08422f;
+  --color-core-green-1100: #002b20;
+  --color-core-teal-0: #e5f9f5;
+  --color-core-teal-100: #cdf7ef;
+  --color-core-teal-200: #b3f2e6;
+  --color-core-teal-300: #7dead5;
+  --color-core-teal-400: #24e0c5;
+  --color-core-teal-500: #08c4b2;
+  --color-core-teal-600: #00a99c;
+  --color-core-teal-700: #0b968f;
+  --color-core-teal-800: #067c7c;
+  --color-core-teal-900: #026661;
+  --color-core-teal-1000: #083f3f;
+  --color-core-teal-1100: #002528;
+  --color-core-aqua-0: #d9fcfb;
+  --color-core-aqua-100: #c5f9f9;
+  --color-core-aqua-200: #a5f2f2;
+  --color-core-aqua-300: #76e5e2;
+  --color-core-aqua-400: #33d6e2;
+  --color-core-aqua-500: #17b8ce;
+  --color-core-aqua-600: #0797ae;
+  --color-core-aqua-700: #0b8599;
+  --color-core-aqua-800: #0f6e84;
+  --color-core-aqua-900: #035e73;
+  --color-core-aqua-1000: #083d4f;
+  --color-core-aqua-1100: #002838;
+  --color-core-blue-0: #e9f8ff;
+  --color-core-blue-100: #dcf2ff;
+  --color-core-blue-200: #c7e4f9;
+  --color-core-blue-300: #a1d2f8;
+  --color-core-blue-400: #56adf5;
+  --color-core-blue-500: #3896e3;
+  --color-core-blue-600: #2b87d3;
+  --color-core-blue-700: #2079c3;
+  --color-core-blue-800: #116daa;
+  --color-core-blue-900: #0c5689;
+  --color-core-blue-1000: #0a3960;
+  --color-core-blue-1100: #002138;
+  --color-core-purple-0: #f2f2f9;
+  --color-core-purple-100: #eaeaf9;
+  --color-core-purple-200: #d8d7f9;
+  --color-core-purple-300: #c1c1f7;
+  --color-core-purple-400: #a193f2;
+  --color-core-purple-500: #9180f4;
+  --color-core-purple-600: #816fea;
+  --color-core-purple-700: #6f5ed3;
+  --color-core-purple-800: #5e4eba;
+  --color-core-purple-900: #483a9c;
+  --color-core-purple-1000: #2d246b;
+  --color-core-purple-1100: #1d1d38;
+  --color-core-magenta-0: #fef0ff;
+  --color-core-magenta-100: #f9e3fc;
+  --color-core-magenta-200: #f4c4f7;
+  --color-core-magenta-300: #edadf2;
+  --color-core-magenta-400: #f282f5;
+  --color-core-magenta-500: #db61db;
+  --color-core-magenta-600: #c44eb9;
+  --color-core-magenta-700: #ac44a8;
+  --color-core-magenta-800: #8f3896;
+  --color-core-magenta-900: #6c2277;
+  --color-core-magenta-1000: #451551;
+  --color-core-magenta-1100: #29192d;
+  --color-core-pink-0: #ffe9f3;
+  --color-core-pink-100: #fcdbeb;
+  --color-core-pink-200: #ffb5d5;
+  --color-core-pink-300: #ff95c1;
+  --color-core-pink-400: #ff76ae;
+  --color-core-pink-500: #ef588b;
+  --color-core-pink-600: #e0447c;
+  --color-core-pink-700: #ce3665;
+  --color-core-pink-800: #b22f5b;
+  --color-core-pink-900: #931847;
+  --color-core-pink-1000: #561231;
+  --color-core-pink-1100: #2b1721;
+  --color-core-red-0: #ffeae9;
+  --color-core-red-100: #ffd5d2;
+  --color-core-red-200: #ffb8b1;
+  --color-core-red-300: #ff9c8f;
+  --color-core-red-400: #ff7f6e;
+  --color-core-red-500: #f76054;
+  --color-core-red-600: #ed4c42;
+  --color-core-red-700: #db3e3e;
+  --color-core-red-800: #c63434;
+  --color-core-red-900: #992222;
+  --color-core-red-1000: #6d1313;
+  --color-core-red-1100: #2b1111;
+  --color-core-orange-0: #ffede3;
+  --color-core-orange-100: #fcdccc;
+  --color-core-orange-200: #ffc6a4;
+  --color-core-orange-300: #ffb180;
+  --color-core-orange-400: #ff9c5d;
+  --color-core-orange-500: #fc8943;
+  --color-core-orange-600: #f57d33;
+  --color-core-orange-700: #ed7024;
+  --color-core-orange-800: #ce5511;
+  --color-core-orange-900: #962c0b;
+  --color-core-orange-1000: #601700;
+  --color-core-orange-1100: #2d130e;
+  --color-core-neutral-0: #ffffff;
+  --color-core-neutral-100: #f3f4f4;
+  --color-core-neutral-200: #dee1e1;
+  --color-core-neutral-300: #c8cccc;
+  --color-core-neutral-400: #b0b6b7;
+  --color-core-neutral-500: #929a9b;
+  --color-core-neutral-600: #6e797a;
+  --color-core-neutral-700: #515e5f;
+  --color-core-neutral-800: #364141;
+  --color-core-neutral-900: #273333;
+  --color-core-neutral-1000: #162020;
+  --color-core-neutral-1100: #040404;
+  --color-core-yellow-0: #fff8e2;
+  --color-core-yellow-100: #fdefcd;
+  --color-core-yellow-200: #ffe99a;
+  --color-core-yellow-300: #ffe16e;
+  --color-core-yellow-400: #ffd943;
+  --color-core-yellow-500: #ffcd1c;
+  --color-core-yellow-600: #ffbc00;
+  --color-core-yellow-700: #dd9903;
+  --color-core-yellow-800: #ba7506;
+  --color-core-yellow-900: #944c0c;
+  --color-core-yellow-1000: #542a00;
+  --color-core-yellow-1100: #2d1a05;
+  --size-border-radius-large: 30rem;
+  --size-font-small: 0.75rem;
+  --size-font-medium: 1rem;
+  --size-font-large: 1.5rem;
+  --size-font-xl: 2.25rem;
+  --size-padding-small: 0.5rem;
+  --size-padding-medium: 1rem;
+  --size-padding-large: 1rem;
+  --size-padding-xl: 1rem;
   --breakpoint-md: calc(var(--breakpoint-xs) / var(--breakpoint-sm));
-  --color-font-interactive-disabled: var(--color-font-tertiary);
-  --color-font-interactive-active: var(--color-brand-secondary);
-  --color-font-interactive-hover: var(--color-brand-primary);
-  --color-font-interactive: var(--color-brand-primary);
+  --color-background-primary: var(--color-core-neutral-0);
+  --color-background-secondary: var(--color-core-neutral-100);
+  --color-background-tertiary: var(--color-core-neutral-200);
+  --color-background-danger: var(--color-core-red-0);
+  --color-background-warning: var(--color-core-orange-0);
+  --color-background-success: var(--color-core-green-0);
+  --color-background-info: var(--color-core-blue-0);
+  --color-border-primary: var(--color-core-neutral-300);
+  --color-brand-primary: var(--color-core-aqua-700);
+  --color-brand-secondary: var(--color-core-purple-700);
+  --color-font-primary: var(--color-core-neutral-1100);
+  --color-font-secondary: var(--color-core-neutral-900);
+  --color-font-tertiary: var(--color-core-neutral-800);
+  --color-font-danger: var(--color-core-red-1000);
+  --color-font-warning: var(--color-core-orange-1000);
+  --color-font-success: var(--color-core-green-1000);
   --color-background-disabled: var(--color-background-tertiary);
+  --color-font-interactive: var(--color-brand-primary);
+  --color-font-interactive-hover: var(--color-brand-primary);
+  --color-font-interactive-active: var(--color-brand-secondary);
+  --color-font-interactive-disabled: var(--color-font-tertiary);
+}
+`;
+/* end snapshot integration css css/variables with references should match snapshot */
+
+snapshots["integration css css/variables with selector should match snapshot"] = 
+`/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+.test {
+  --breakpoint-xs: 304px;
+  --breakpoint-sm: 768px;
+  --breakpoint-md: calc(304px / 768px);
+  --color-background-primary: #ffffff;
+  --color-background-secondary: #f3f4f4;
+  --color-background-tertiary: #dee1e1;
+  --color-background-danger: #ffeae9;
+  --color-background-warning: #ffede3;
+  --color-background-success: #ebf9eb;
+  --color-background-info: #e9f8ff;
+  --color-background-disabled: #dee1e1;
+  --color-border-primary: #c8cccc;
+  --color-brand-primary: #0b8599;
+  --color-brand-secondary: #6f5ed3;
+  --color-core-green-0: #ebf9eb;
+  --color-core-green-100: #d7f4d7;
+  --color-core-green-200: #c2f2bd;
+  --color-core-green-300: #98e58e;
+  --color-core-green-400: #75dd66;
+  --color-core-green-500: #59cb59;
+  --color-core-green-600: #2bb656;
+  --color-core-green-700: #0ca750;
+  --color-core-green-800: #008b46;
+  --color-core-green-900: #006b40;
+  --color-core-green-1000: #08422f;
+  --color-core-green-1100: #002b20;
+  --color-core-teal-0: #e5f9f5;
+  --color-core-teal-100: #cdf7ef;
+  --color-core-teal-200: #b3f2e6;
+  --color-core-teal-300: #7dead5;
+  --color-core-teal-400: #24e0c5;
+  --color-core-teal-500: #08c4b2;
+  --color-core-teal-600: #00a99c;
+  --color-core-teal-700: #0b968f;
+  --color-core-teal-800: #067c7c;
+  --color-core-teal-900: #026661;
+  --color-core-teal-1000: #083f3f;
+  --color-core-teal-1100: #002528;
+  --color-core-aqua-0: #d9fcfb;
+  --color-core-aqua-100: #c5f9f9;
+  --color-core-aqua-200: #a5f2f2;
+  --color-core-aqua-300: #76e5e2;
+  --color-core-aqua-400: #33d6e2;
+  --color-core-aqua-500: #17b8ce;
+  --color-core-aqua-600: #0797ae;
+  --color-core-aqua-700: #0b8599;
+  --color-core-aqua-800: #0f6e84;
+  --color-core-aqua-900: #035e73;
+  --color-core-aqua-1000: #083d4f;
+  --color-core-aqua-1100: #002838;
+  --color-core-blue-0: #e9f8ff;
+  --color-core-blue-100: #dcf2ff;
+  --color-core-blue-200: #c7e4f9;
+  --color-core-blue-300: #a1d2f8;
+  --color-core-blue-400: #56adf5;
+  --color-core-blue-500: #3896e3;
+  --color-core-blue-600: #2b87d3;
+  --color-core-blue-700: #2079c3;
+  --color-core-blue-800: #116daa;
+  --color-core-blue-900: #0c5689;
+  --color-core-blue-1000: #0a3960;
+  --color-core-blue-1100: #002138;
+  --color-core-purple-0: #f2f2f9;
+  --color-core-purple-100: #eaeaf9;
+  --color-core-purple-200: #d8d7f9;
+  --color-core-purple-300: #c1c1f7;
+  --color-core-purple-400: #a193f2;
+  --color-core-purple-500: #9180f4;
+  --color-core-purple-600: #816fea;
+  --color-core-purple-700: #6f5ed3;
+  --color-core-purple-800: #5e4eba;
+  --color-core-purple-900: #483a9c;
+  --color-core-purple-1000: #2d246b;
+  --color-core-purple-1100: #1d1d38;
+  --color-core-magenta-0: #fef0ff;
+  --color-core-magenta-100: #f9e3fc;
+  --color-core-magenta-200: #f4c4f7;
+  --color-core-magenta-300: #edadf2;
+  --color-core-magenta-400: #f282f5;
+  --color-core-magenta-500: #db61db;
+  --color-core-magenta-600: #c44eb9;
+  --color-core-magenta-700: #ac44a8;
+  --color-core-magenta-800: #8f3896;
+  --color-core-magenta-900: #6c2277;
+  --color-core-magenta-1000: #451551;
+  --color-core-magenta-1100: #29192d;
+  --color-core-pink-0: #ffe9f3;
+  --color-core-pink-100: #fcdbeb;
+  --color-core-pink-200: #ffb5d5;
+  --color-core-pink-300: #ff95c1;
+  --color-core-pink-400: #ff76ae;
+  --color-core-pink-500: #ef588b;
+  --color-core-pink-600: #e0447c;
+  --color-core-pink-700: #ce3665;
+  --color-core-pink-800: #b22f5b;
+  --color-core-pink-900: #931847;
+  --color-core-pink-1000: #561231;
+  --color-core-pink-1100: #2b1721;
+  --color-core-red-0: #ffeae9;
+  --color-core-red-100: #ffd5d2;
+  --color-core-red-200: #ffb8b1;
+  --color-core-red-300: #ff9c8f;
+  --color-core-red-400: #ff7f6e;
+  --color-core-red-500: #f76054;
+  --color-core-red-600: #ed4c42;
+  --color-core-red-700: #db3e3e;
+  --color-core-red-800: #c63434;
+  --color-core-red-900: #992222;
+  --color-core-red-1000: #6d1313;
+  --color-core-red-1100: #2b1111;
+  --color-core-orange-0: #ffede3;
+  --color-core-orange-100: #fcdccc;
+  --color-core-orange-200: #ffc6a4;
+  --color-core-orange-300: #ffb180;
+  --color-core-orange-400: #ff9c5d;
+  --color-core-orange-500: #fc8943;
+  --color-core-orange-600: #f57d33;
+  --color-core-orange-700: #ed7024;
+  --color-core-orange-800: #ce5511;
+  --color-core-orange-900: #962c0b;
+  --color-core-orange-1000: #601700;
+  --color-core-orange-1100: #2d130e;
+  --color-core-neutral-0: #ffffff;
+  --color-core-neutral-100: #f3f4f4;
+  --color-core-neutral-200: #dee1e1;
+  --color-core-neutral-300: #c8cccc;
+  --color-core-neutral-400: #b0b6b7;
+  --color-core-neutral-500: #929a9b;
+  --color-core-neutral-600: #6e797a;
+  --color-core-neutral-700: #515e5f;
+  --color-core-neutral-800: #364141;
+  --color-core-neutral-900: #273333;
+  --color-core-neutral-1000: #162020;
+  --color-core-neutral-1100: #040404;
+  --color-core-yellow-0: #fff8e2;
+  --color-core-yellow-100: #fdefcd;
+  --color-core-yellow-200: #ffe99a;
+  --color-core-yellow-300: #ffe16e;
+  --color-core-yellow-400: #ffd943;
+  --color-core-yellow-500: #ffcd1c;
+  --color-core-yellow-600: #ffbc00;
+  --color-core-yellow-700: #dd9903;
+  --color-core-yellow-800: #ba7506;
+  --color-core-yellow-900: #944c0c;
+  --color-core-yellow-1000: #542a00;
+  --color-core-yellow-1100: #2d1a05;
+  --color-font-primary: #040404;
+  --color-font-secondary: #273333;
+  --color-font-tertiary: #364141;
+  --color-font-interactive: #0b8599;
+  --color-font-interactive-hover: #0b8599;
+  --color-font-interactive-active: #6f5ed3;
+  --color-font-interactive-disabled: #364141;
+  --color-font-danger: #6d1313;
+  --color-font-warning: #601700;
+  --color-font-success: #08422f;
+  --size-border-radius-large: 30rem;
+  --size-font-small: 0.75rem;
+  --size-font-medium: 1rem;
+  --size-font-large: 1.5rem;
+  --size-font-xl: 2.25rem;
+  --size-padding-small: 0.5rem;
+  --size-padding-medium: 1rem;
+  --size-padding-large: 1rem;
+  --size-padding-xl: 1rem;
 }
 `;
-/* end snapshot integration css css/variables with references should match snapshot */
+/* end snapshot integration css css/variables with selector should match snapshot */
 
-snapshots["integration css css/variables with selector should match snapshot"] = 
+snapshots["integration css css/variables with referenceFallbacks should match snapshot"] = 
 `/**
  * Do not edit directly, this file was auto-generated.
  */
 
-.test {
+:root {
   --breakpoint-xs: 304px;
   --breakpoint-sm: 768px;
-  --breakpoint-md: calc(304px / 768px);
-  --color-background-primary: #ffffff;
-  --color-background-secondary: #f3f4f4;
-  --color-background-tertiary: #dee1e1;
-  --color-background-danger: #ffeae9;
-  --color-background-warning: #ffede3;
-  --color-background-success: #ebf9eb;
-  --color-background-info: #e9f8ff;
-  --color-background-disabled: #dee1e1;
-  --color-border-primary: #c8cccc;
-  --color-brand-primary: #0b8599;
-  --color-brand-secondary: #6f5ed3;
   --color-core-green-0: #ebf9eb;
   --color-core-green-100: #d7f4d7;
   --color-core-green-200: #c2f2bd;
@@ -503,16 +666,6 @@ snapshots["integration css css/variables with selector should match snapshot"] =
   --color-core-yellow-900: #944c0c;
   --color-core-yellow-1000: #542a00;
   --color-core-yellow-1100: #2d1a05;
-  --color-font-primary: #040404;
-  --color-font-secondary: #273333;
-  --color-font-tertiary: #364141;
-  --color-font-interactive: #0b8599;
-  --color-font-interactive-hover: #0b8599;
-  --color-font-interactive-active: #6f5ed3;
-  --color-font-interactive-disabled: #364141;
-  --color-font-danger: #6d1313;
-  --color-font-warning: #601700;
-  --color-font-success: #08422f;
   --size-border-radius-large: 30rem;
   --size-font-small: 0.75rem;
   --size-font-medium: 1rem;
@@ -522,181 +675,28 @@ snapshots["integration css css/variables with selector should match snapshot"] =
   --size-padding-medium: 1rem;
   --size-padding-large: 1rem;
   --size-padding-xl: 1rem;
-}
-`;
-/* end snapshot integration css css/variables with selector should match snapshot */
-
-snapshots["integration css css/variables with referenceFallbacks should match snapshot"] = 
-`/**
- * Do not edit directly, this file was auto-generated.
- */
-
-:root {
-  --size-padding-xl: 1rem;
-  --size-padding-large: 1rem;
-  --size-padding-medium: 1rem;
-  --size-padding-small: 0.5rem;
-  --size-font-xl: 2.25rem;
-  --size-font-large: 1.5rem;
-  --size-font-medium: 1rem;
-  --size-font-small: 0.75rem;
-  --size-border-radius-large: 30rem;
-  --color-core-yellow-1100: #2d1a05;
-  --color-core-yellow-1000: #542a00;
-  --color-core-yellow-900: #944c0c;
-  --color-core-yellow-800: #ba7506;
-  --color-core-yellow-700: #dd9903;
-  --color-core-yellow-600: #ffbc00;
-  --color-core-yellow-500: #ffcd1c;
-  --color-core-yellow-400: #ffd943;
-  --color-core-yellow-300: #ffe16e;
-  --color-core-yellow-200: #ffe99a;
-  --color-core-yellow-100: #fdefcd;
-  --color-core-yellow-0: #fff8e2;
-  --color-core-neutral-1100: #040404;
-  --color-core-neutral-1000: #162020;
-  --color-core-neutral-900: #273333;
-  --color-core-neutral-800: #364141;
-  --color-core-neutral-700: #515e5f;
-  --color-core-neutral-600: #6e797a;
-  --color-core-neutral-500: #929a9b;
-  --color-core-neutral-400: #b0b6b7;
-  --color-core-neutral-300: #c8cccc;
-  --color-core-neutral-200: #dee1e1;
-  --color-core-neutral-100: #f3f4f4;
-  --color-core-neutral-0: #ffffff;
-  --color-core-orange-1100: #2d130e;
-  --color-core-orange-1000: #601700;
-  --color-core-orange-900: #962c0b;
-  --color-core-orange-800: #ce5511;
-  --color-core-orange-700: #ed7024;
-  --color-core-orange-600: #f57d33;
-  --color-core-orange-500: #fc8943;
-  --color-core-orange-400: #ff9c5d;
-  --color-core-orange-300: #ffb180;
-  --color-core-orange-200: #ffc6a4;
-  --color-core-orange-100: #fcdccc;
-  --color-core-orange-0: #ffede3;
-  --color-core-red-1100: #2b1111;
-  --color-core-red-1000: #6d1313;
-  --color-core-red-900: #992222;
-  --color-core-red-800: #c63434;
-  --color-core-red-700: #db3e3e;
-  --color-core-red-600: #ed4c42;
-  --color-core-red-500: #f76054;
-  --color-core-red-400: #ff7f6e;
-  --color-core-red-300: #ff9c8f;
-  --color-core-red-200: #ffb8b1;
-  --color-core-red-100: #ffd5d2;
-  --color-core-red-0: #ffeae9;
-  --color-core-pink-1100: #2b1721;
-  --color-core-pink-1000: #561231;
-  --color-core-pink-900: #931847;
-  --color-core-pink-800: #b22f5b;
-  --color-core-pink-700: #ce3665;
-  --color-core-pink-600: #e0447c;
-  --color-core-pink-500: #ef588b;
-  --color-core-pink-400: #ff76ae;
-  --color-core-pink-300: #ff95c1;
-  --color-core-pink-200: #ffb5d5;
-  --color-core-pink-100: #fcdbeb;
-  --color-core-pink-0: #ffe9f3;
-  --color-core-magenta-1100: #29192d;
-  --color-core-magenta-1000: #451551;
-  --color-core-magenta-900: #6c2277;
-  --color-core-magenta-800: #8f3896;
-  --color-core-magenta-700: #ac44a8;
-  --color-core-magenta-600: #c44eb9;
-  --color-core-magenta-500: #db61db;
-  --color-core-magenta-400: #f282f5;
-  --color-core-magenta-300: #edadf2;
-  --color-core-magenta-200: #f4c4f7;
-  --color-core-magenta-100: #f9e3fc;
-  --color-core-magenta-0: #fef0ff;
-  --color-core-purple-1100: #1d1d38;
-  --color-core-purple-1000: #2d246b;
-  --color-core-purple-900: #483a9c;
-  --color-core-purple-800: #5e4eba;
-  --color-core-purple-700: #6f5ed3;
-  --color-core-purple-600: #816fea;
-  --color-core-purple-500: #9180f4;
-  --color-core-purple-400: #a193f2;
-  --color-core-purple-300: #c1c1f7;
-  --color-core-purple-200: #d8d7f9;
-  --color-core-purple-100: #eaeaf9;
-  --color-core-purple-0: #f2f2f9;
-  --color-core-blue-1100: #002138;
-  --color-core-blue-1000: #0a3960;
-  --color-core-blue-900: #0c5689;
-  --color-core-blue-800: #116daa;
-  --color-core-blue-700: #2079c3;
-  --color-core-blue-600: #2b87d3;
-  --color-core-blue-500: #3896e3;
-  --color-core-blue-400: #56adf5;
-  --color-core-blue-300: #a1d2f8;
-  --color-core-blue-200: #c7e4f9;
-  --color-core-blue-100: #dcf2ff;
-  --color-core-blue-0: #e9f8ff;
-  --color-core-aqua-1100: #002838;
-  --color-core-aqua-1000: #083d4f;
-  --color-core-aqua-900: #035e73;
-  --color-core-aqua-800: #0f6e84;
-  --color-core-aqua-700: #0b8599;
-  --color-core-aqua-600: #0797ae;
-  --color-core-aqua-500: #17b8ce;
-  --color-core-aqua-400: #33d6e2;
-  --color-core-aqua-300: #76e5e2;
-  --color-core-aqua-200: #a5f2f2;
-  --color-core-aqua-100: #c5f9f9;
-  --color-core-aqua-0: #d9fcfb;
-  --color-core-teal-1100: #002528;
-  --color-core-teal-1000: #083f3f;
-  --color-core-teal-900: #026661;
-  --color-core-teal-800: #067c7c;
-  --color-core-teal-700: #0b968f;
-  --color-core-teal-600: #00a99c;
-  --color-core-teal-500: #08c4b2;
-  --color-core-teal-400: #24e0c5;
-  --color-core-teal-300: #7dead5;
-  --color-core-teal-200: #b3f2e6;
-  --color-core-teal-100: #cdf7ef;
-  --color-core-teal-0: #e5f9f5;
-  --color-core-green-1100: #002b20;
-  --color-core-green-1000: #08422f;
-  --color-core-green-900: #006b40;
-  --color-core-green-800: #008b46;
-  --color-core-green-700: #0ca750;
-  --color-core-green-600: #2bb656;
-  --color-core-green-500: #59cb59;
-  --color-core-green-400: #75dd66;
-  --color-core-green-300: #98e58e;
-  --color-core-green-200: #c2f2bd;
-  --color-core-green-100: #d7f4d7;
-  --color-core-green-0: #ebf9eb;
-  --breakpoint-sm: 768px;
-  --breakpoint-xs: 304px;
-  --color-font-success: var(--color-core-green-1000, #08422f);
-  --color-font-warning: var(--color-core-orange-1000, #601700);
-  --color-font-danger: var(--color-core-red-1000, #6d1313);
-  --color-font-tertiary: var(--color-core-neutral-800, #364141);
-  --color-font-secondary: var(--color-core-neutral-900, #273333);
-  --color-font-primary: var(--color-core-neutral-1100, #040404);
-  --color-brand-secondary: var(--color-core-purple-700, #6f5ed3);
-  --color-brand-primary: var(--color-core-aqua-700, #0b8599);
-  --color-border-primary: var(--color-core-neutral-300, #c8cccc);
-  --color-background-info: var(--color-core-blue-0, #e9f8ff);
-  --color-background-success: var(--color-core-green-0, #ebf9eb);
-  --color-background-warning: var(--color-core-orange-0, #ffede3);
-  --color-background-danger: var(--color-core-red-0, #ffeae9);
-  --color-background-tertiary: var(--color-core-neutral-200, #dee1e1);
-  --color-background-secondary: var(--color-core-neutral-100, #f3f4f4);
-  --color-background-primary: var(--color-core-neutral-0, #ffffff);
   --breakpoint-md: calc(var(--breakpoint-xs, 304px) / var(--breakpoint-sm, 768px));
-  --color-font-interactive-disabled: var(--color-font-tertiary, #364141);
-  --color-font-interactive-active: var(--color-brand-secondary, #6f5ed3);
-  --color-font-interactive-hover: var(--color-brand-primary, #0b8599);
-  --color-font-interactive: var(--color-brand-primary, #0b8599);
+  --color-background-primary: var(--color-core-neutral-0, #ffffff);
+  --color-background-secondary: var(--color-core-neutral-100, #f3f4f4);
+  --color-background-tertiary: var(--color-core-neutral-200, #dee1e1);
+  --color-background-danger: var(--color-core-red-0, #ffeae9);
+  --color-background-warning: var(--color-core-orange-0, #ffede3);
+  --color-background-success: var(--color-core-green-0, #ebf9eb);
+  --color-background-info: var(--color-core-blue-0, #e9f8ff);
+  --color-border-primary: var(--color-core-neutral-300, #c8cccc);
+  --color-brand-primary: var(--color-core-aqua-700, #0b8599);
+  --color-brand-secondary: var(--color-core-purple-700, #6f5ed3);
+  --color-font-primary: var(--color-core-neutral-1100, #040404);
+  --color-font-secondary: var(--color-core-neutral-900, #273333);
+  --color-font-tertiary: var(--color-core-neutral-800, #364141);
+  --color-font-danger: var(--color-core-red-1000, #6d1313);
+  --color-font-warning: var(--color-core-orange-1000, #601700);
+  --color-font-success: var(--color-core-green-1000, #08422f);
   --color-background-disabled: var(--color-background-tertiary, #dee1e1);
+  --color-font-interactive: var(--color-brand-primary, #0b8599);
+  --color-font-interactive-hover: var(--color-brand-primary, #0b8599);
+  --color-font-interactive-active: var(--color-brand-secondary, #6f5ed3);
+  --color-font-interactive-disabled: var(--color-font-tertiary, #364141);
 }
 `;
 /* end snapshot integration css css/variables with referenceFallbacks should match snapshot */
diff --git a/__integration__/__snapshots__/flutter.test.snap.js b/__integration__/__snapshots__/flutter.test.snap.js
index 0f33c539..0dcc5e84 100644
--- a/__integration__/__snapshots__/flutter.test.snap.js
+++ b/__integration__/__snapshots__/flutter.test.snap.js
@@ -196,168 +196,168 @@ import 'dart:ui';
 class StyleDictionary {
     StyleDictionary._();
 
-    static const sizePaddingXl = 16.00;
-    static const sizePaddingLarge = 16.00;
-    static const sizePaddingMedium = 16.00;
-    static const sizePaddingSmall = 8.00;
-    static const sizeFontXl = 36.00;
-    static const sizeFontLarge = 24.00;
-    static const sizeFontMedium = 16.00;
-    static const sizeFontSmall = 12.00;
-    static const sizeBorderRadiusLarge = 480.00;
-    static const colorCoreYellow1100 = Color(0xFF2D1A05);
-    static const colorCoreYellow1000 = Color(0xFF542A00);
-    static const colorCoreYellow900 = Color(0xFF944C0C);
-    static const colorCoreYellow800 = Color(0xFFBA7506);
-    static const colorCoreYellow700 = Color(0xFFDD9903);
-    static const colorCoreYellow600 = Color(0xFFFFBC00);
-    static const colorCoreYellow500 = Color(0xFFFFCD1C);
-    static const colorCoreYellow400 = Color(0xFFFFD943);
-    static const colorCoreYellow300 = Color(0xFFFFE16E);
-    static const colorCoreYellow200 = Color(0xFFFFE99A);
-    static const colorCoreYellow100 = Color(0xFFFDEFCD);
-    static const colorCoreYellow0 = Color(0xFFFFF8E2);
-    static const colorCoreNeutral1100 = Color(0xFF040404);
-    static const colorCoreNeutral1000 = Color(0xFF162020);
-    static const colorCoreNeutral900 = Color(0xFF273333);
-    static const colorCoreNeutral800 = Color(0xFF364141);
-    static const colorCoreNeutral700 = Color(0xFF515E5F);
-    static const colorCoreNeutral600 = Color(0xFF6E797A);
-    static const colorCoreNeutral500 = Color(0xFF929A9B);
-    static const colorCoreNeutral400 = Color(0xFFB0B6B7);
-    static const colorCoreNeutral300 = Color(0xFFC8CCCC);
-    static const colorCoreNeutral200 = Color(0xFFDEE1E1);
-    static const colorCoreNeutral100 = Color(0xFFF3F4F4);
-    static const colorCoreNeutral0 = Color(0xFFFFFFFF);
-    static const colorCoreOrange1100 = Color(0xFF2D130E);
-    static const colorCoreOrange1000 = Color(0xFF601700);
-    static const colorCoreOrange900 = Color(0xFF962C0B);
-    static const colorCoreOrange800 = Color(0xFFCE5511);
-    static const colorCoreOrange700 = Color(0xFFED7024);
-    static const colorCoreOrange600 = Color(0xFFF57D33);
-    static const colorCoreOrange500 = Color(0xFFFC8943);
-    static const colorCoreOrange400 = Color(0xFFFF9C5D);
-    static const colorCoreOrange300 = Color(0xFFFFB180);
-    static const colorCoreOrange200 = Color(0xFFFFC6A4);
-    static const colorCoreOrange100 = Color(0xFFFCDCCC);
-    static const colorCoreOrange0 = Color(0xFFFFEDE3);
-    static const colorCoreRed1100 = Color(0xFF2B1111);
-    static const colorCoreRed1000 = Color(0xFF6D1313);
-    static const colorCoreRed900 = Color(0xFF992222);
-    static const colorCoreRed800 = Color(0xFFC63434);
-    static const colorCoreRed700 = Color(0xFFDB3E3E);
-    static const colorCoreRed600 = Color(0xFFED4C42);
-    static const colorCoreRed500 = Color(0xFFF76054);
-    static const colorCoreRed400 = Color(0xFFFF7F6E);
-    static const colorCoreRed300 = Color(0xFFFF9C8F);
-    static const colorCoreRed200 = Color(0xFFFFB8B1);
-    static const colorCoreRed100 = Color(0xFFFFD5D2);
-    static const colorCoreRed0 = Color(0xFFFFEAE9);
-    static const colorCorePink1100 = Color(0xFF2B1721);
-    static const colorCorePink1000 = Color(0xFF561231);
-    static const colorCorePink900 = Color(0xFF931847);
-    static const colorCorePink800 = Color(0xFFB22F5B);
-    static const colorCorePink700 = Color(0xFFCE3665);
-    static const colorCorePink600 = Color(0xFFE0447C);
-    static const colorCorePink500 = Color(0xFFEF588B);
-    static const colorCorePink400 = Color(0xFFFF76AE);
-    static const colorCorePink300 = Color(0xFFFF95C1);
-    static const colorCorePink200 = Color(0xFFFFB5D5);
-    static const colorCorePink100 = Color(0xFFFCDBEB);
-    static const colorCorePink0 = Color(0xFFFFE9F3);
-    static const colorCoreMagenta1100 = Color(0xFF29192D);
-    static const colorCoreMagenta1000 = Color(0xFF451551);
-    static const colorCoreMagenta900 = Color(0xFF6C2277);
-    static const colorCoreMagenta800 = Color(0xFF8F3896);
-    static const colorCoreMagenta700 = Color(0xFFAC44A8);
-    static const colorCoreMagenta600 = Color(0xFFC44EB9);
-    static const colorCoreMagenta500 = Color(0xFFDB61DB);
-    static const colorCoreMagenta400 = Color(0xFFF282F5);
-    static const colorCoreMagenta300 = Color(0xFFEDADF2);
-    static const colorCoreMagenta200 = Color(0xFFF4C4F7);
-    static const colorCoreMagenta100 = Color(0xFFF9E3FC);
-    static const colorCoreMagenta0 = Color(0xFFFEF0FF);
-    static const colorCorePurple1100 = Color(0xFF1D1D38);
-    static const colorCorePurple1000 = Color(0xFF2D246B);
-    static const colorCorePurple900 = Color(0xFF483A9C);
-    static const colorCorePurple800 = Color(0xFF5E4EBA);
-    static const colorCorePurple700 = Color(0xFF6F5ED3);
-    static const colorCorePurple600 = Color(0xFF816FEA);
-    static const colorCorePurple500 = Color(0xFF9180F4);
-    static const colorCorePurple400 = Color(0xFFA193F2);
-    static const colorCorePurple300 = Color(0xFFC1C1F7);
-    static const colorCorePurple200 = Color(0xFFD8D7F9);
-    static const colorCorePurple100 = Color(0xFFEAEAF9);
-    static const colorCorePurple0 = Color(0xFFF2F2F9);
-    static const colorCoreBlue1100 = Color(0xFF002138);
-    static const colorCoreBlue1000 = Color(0xFF0A3960);
-    static const colorCoreBlue900 = Color(0xFF0C5689);
-    static const colorCoreBlue800 = Color(0xFF116DAA);
-    static const colorCoreBlue700 = Color(0xFF2079C3);
-    static const colorCoreBlue600 = Color(0xFF2B87D3);
-    static const colorCoreBlue500 = Color(0xFF3896E3);
-    static const colorCoreBlue400 = Color(0xFF56ADF5);
-    static const colorCoreBlue300 = Color(0xFFA1D2F8);
-    static const colorCoreBlue200 = Color(0xFFC7E4F9);
-    static const colorCoreBlue100 = Color(0xFFDCF2FF);
-    static const colorCoreBlue0 = Color(0xFFE9F8FF);
-    static const colorCoreAqua1100 = Color(0xFF002838);
-    static const colorCoreAqua1000 = Color(0xFF083D4F);
-    static const colorCoreAqua900 = Color(0xFF035E73);
-    static const colorCoreAqua800 = Color(0xFF0F6E84);
-    static const colorCoreAqua700 = Color(0xFF0B8599);
-    static const colorCoreAqua600 = Color(0xFF0797AE);
-    static const colorCoreAqua500 = Color(0xFF17B8CE);
-    static const colorCoreAqua400 = Color(0xFF33D6E2);
-    static const colorCoreAqua300 = Color(0xFF76E5E2);
-    static const colorCoreAqua200 = Color(0xFFA5F2F2);
-    static const colorCoreAqua100 = Color(0xFFC5F9F9);
-    static const colorCoreAqua0 = Color(0xFFD9FCFB);
-    static const colorCoreTeal1100 = Color(0xFF002528);
-    static const colorCoreTeal1000 = Color(0xFF083F3F);
-    static const colorCoreTeal900 = Color(0xFF026661);
-    static const colorCoreTeal800 = Color(0xFF067C7C);
-    static const colorCoreTeal700 = Color(0xFF0B968F);
-    static const colorCoreTeal600 = Color(0xFF00A99C);
-    static const colorCoreTeal500 = Color(0xFF08C4B2);
-    static const colorCoreTeal400 = Color(0xFF24E0C5);
-    static const colorCoreTeal300 = Color(0xFF7DEAD5);
-    static const colorCoreTeal200 = Color(0xFFB3F2E6);
-    static const colorCoreTeal100 = Color(0xFFCDF7EF);
-    static const colorCoreTeal0 = Color(0xFFE5F9F5);
-    static const colorCoreGreen1100 = Color(0xFF002B20);
-    static const colorCoreGreen1000 = Color(0xFF08422F);
-    static const colorCoreGreen900 = Color(0xFF006B40);
-    static const colorCoreGreen800 = Color(0xFF008B46);
-    static const colorCoreGreen700 = Color(0xFF0CA750);
-    static const colorCoreGreen600 = Color(0xFF2BB656);
-    static const colorCoreGreen500 = Color(0xFF59CB59);
-    static const colorCoreGreen400 = Color(0xFF75DD66);
-    static const colorCoreGreen300 = Color(0xFF98E58E);
-    static const colorCoreGreen200 = Color(0xFFC2F2BD);
-    static const colorCoreGreen100 = Color(0xFFD7F4D7);
     static const colorCoreGreen0 = Color(0xFFEBF9EB);
-    static const colorFontSuccess = colorCoreGreen1000;
-    static const colorFontWarning = colorCoreOrange1000;
-    static const colorFontDanger = colorCoreRed1000;
-    static const colorFontTertiary = colorCoreNeutral800;
-    static const colorFontSecondary = colorCoreNeutral900;
-    static const colorFontPrimary = colorCoreNeutral1100;
-    static const colorBrandSecondary = colorCorePurple700;
-    static const colorBrandPrimary = colorCoreAqua700;
-    static const colorBorderPrimary = colorCoreNeutral300;
-    static const colorBackgroundInfo = colorCoreBlue0;
-    static const colorBackgroundSuccess = colorCoreGreen0;
-    static const colorBackgroundWarning = colorCoreOrange0;
-    static const colorBackgroundDanger = colorCoreRed0;
-    static const colorBackgroundTertiary = colorCoreNeutral200;
-    static const colorBackgroundSecondary = colorCoreNeutral100;
+    static const colorCoreGreen100 = Color(0xFFD7F4D7);
+    static const colorCoreGreen200 = Color(0xFFC2F2BD);
+    static const colorCoreGreen300 = Color(0xFF98E58E);
+    static const colorCoreGreen400 = Color(0xFF75DD66);
+    static const colorCoreGreen500 = Color(0xFF59CB59);
+    static const colorCoreGreen600 = Color(0xFF2BB656);
+    static const colorCoreGreen700 = Color(0xFF0CA750);
+    static const colorCoreGreen800 = Color(0xFF008B46);
+    static const colorCoreGreen900 = Color(0xFF006B40);
+    static const colorCoreGreen1000 = Color(0xFF08422F);
+    static const colorCoreGreen1100 = Color(0xFF002B20);
+    static const colorCoreTeal0 = Color(0xFFE5F9F5);
+    static const colorCoreTeal100 = Color(0xFFCDF7EF);
+    static const colorCoreTeal200 = Color(0xFFB3F2E6);
+    static const colorCoreTeal300 = Color(0xFF7DEAD5);
+    static const colorCoreTeal400 = Color(0xFF24E0C5);
+    static const colorCoreTeal500 = Color(0xFF08C4B2);
+    static const colorCoreTeal600 = Color(0xFF00A99C);
+    static const colorCoreTeal700 = Color(0xFF0B968F);
+    static const colorCoreTeal800 = Color(0xFF067C7C);
+    static const colorCoreTeal900 = Color(0xFF026661);
+    static const colorCoreTeal1000 = Color(0xFF083F3F);
+    static const colorCoreTeal1100 = Color(0xFF002528);
+    static const colorCoreAqua0 = Color(0xFFD9FCFB);
+    static const colorCoreAqua100 = Color(0xFFC5F9F9);
+    static const colorCoreAqua200 = Color(0xFFA5F2F2);
+    static const colorCoreAqua300 = Color(0xFF76E5E2);
+    static const colorCoreAqua400 = Color(0xFF33D6E2);
+    static const colorCoreAqua500 = Color(0xFF17B8CE);
+    static const colorCoreAqua600 = Color(0xFF0797AE);
+    static const colorCoreAqua700 = Color(0xFF0B8599);
+    static const colorCoreAqua800 = Color(0xFF0F6E84);
+    static const colorCoreAqua900 = Color(0xFF035E73);
+    static const colorCoreAqua1000 = Color(0xFF083D4F);
+    static const colorCoreAqua1100 = Color(0xFF002838);
+    static const colorCoreBlue0 = Color(0xFFE9F8FF);
+    static const colorCoreBlue100 = Color(0xFFDCF2FF);
+    static const colorCoreBlue200 = Color(0xFFC7E4F9);
+    static const colorCoreBlue300 = Color(0xFFA1D2F8);
+    static const colorCoreBlue400 = Color(0xFF56ADF5);
+    static const colorCoreBlue500 = Color(0xFF3896E3);
+    static const colorCoreBlue600 = Color(0xFF2B87D3);
+    static const colorCoreBlue700 = Color(0xFF2079C3);
+    static const colorCoreBlue800 = Color(0xFF116DAA);
+    static const colorCoreBlue900 = Color(0xFF0C5689);
+    static const colorCoreBlue1000 = Color(0xFF0A3960);
+    static const colorCoreBlue1100 = Color(0xFF002138);
+    static const colorCorePurple0 = Color(0xFFF2F2F9);
+    static const colorCorePurple100 = Color(0xFFEAEAF9);
+    static const colorCorePurple200 = Color(0xFFD8D7F9);
+    static const colorCorePurple300 = Color(0xFFC1C1F7);
+    static const colorCorePurple400 = Color(0xFFA193F2);
+    static const colorCorePurple500 = Color(0xFF9180F4);
+    static const colorCorePurple600 = Color(0xFF816FEA);
+    static const colorCorePurple700 = Color(0xFF6F5ED3);
+    static const colorCorePurple800 = Color(0xFF5E4EBA);
+    static const colorCorePurple900 = Color(0xFF483A9C);
+    static const colorCorePurple1000 = Color(0xFF2D246B);
+    static const colorCorePurple1100 = Color(0xFF1D1D38);
+    static const colorCoreMagenta0 = Color(0xFFFEF0FF);
+    static const colorCoreMagenta100 = Color(0xFFF9E3FC);
+    static const colorCoreMagenta200 = Color(0xFFF4C4F7);
+    static const colorCoreMagenta300 = Color(0xFFEDADF2);
+    static const colorCoreMagenta400 = Color(0xFFF282F5);
+    static const colorCoreMagenta500 = Color(0xFFDB61DB);
+    static const colorCoreMagenta600 = Color(0xFFC44EB9);
+    static const colorCoreMagenta700 = Color(0xFFAC44A8);
+    static const colorCoreMagenta800 = Color(0xFF8F3896);
+    static const colorCoreMagenta900 = Color(0xFF6C2277);
+    static const colorCoreMagenta1000 = Color(0xFF451551);
+    static const colorCoreMagenta1100 = Color(0xFF29192D);
+    static const colorCorePink0 = Color(0xFFFFE9F3);
+    static const colorCorePink100 = Color(0xFFFCDBEB);
+    static const colorCorePink200 = Color(0xFFFFB5D5);
+    static const colorCorePink300 = Color(0xFFFF95C1);
+    static const colorCorePink400 = Color(0xFFFF76AE);
+    static const colorCorePink500 = Color(0xFFEF588B);
+    static const colorCorePink600 = Color(0xFFE0447C);
+    static const colorCorePink700 = Color(0xFFCE3665);
+    static const colorCorePink800 = Color(0xFFB22F5B);
+    static const colorCorePink900 = Color(0xFF931847);
+    static const colorCorePink1000 = Color(0xFF561231);
+    static const colorCorePink1100 = Color(0xFF2B1721);
+    static const colorCoreRed0 = Color(0xFFFFEAE9);
+    static const colorCoreRed100 = Color(0xFFFFD5D2);
+    static const colorCoreRed200 = Color(0xFFFFB8B1);
+    static const colorCoreRed300 = Color(0xFFFF9C8F);
+    static const colorCoreRed400 = Color(0xFFFF7F6E);
+    static const colorCoreRed500 = Color(0xFFF76054);
+    static const colorCoreRed600 = Color(0xFFED4C42);
+    static const colorCoreRed700 = Color(0xFFDB3E3E);
+    static const colorCoreRed800 = Color(0xFFC63434);
+    static const colorCoreRed900 = Color(0xFF992222);
+    static const colorCoreRed1000 = Color(0xFF6D1313);
+    static const colorCoreRed1100 = Color(0xFF2B1111);
+    static const colorCoreOrange0 = Color(0xFFFFEDE3);
+    static const colorCoreOrange100 = Color(0xFFFCDCCC);
+    static const colorCoreOrange200 = Color(0xFFFFC6A4);
+    static const colorCoreOrange300 = Color(0xFFFFB180);
+    static const colorCoreOrange400 = Color(0xFFFF9C5D);
+    static const colorCoreOrange500 = Color(0xFFFC8943);
+    static const colorCoreOrange600 = Color(0xFFF57D33);
+    static const colorCoreOrange700 = Color(0xFFED7024);
+    static const colorCoreOrange800 = Color(0xFFCE5511);
+    static const colorCoreOrange900 = Color(0xFF962C0B);
+    static const colorCoreOrange1000 = Color(0xFF601700);
+    static const colorCoreOrange1100 = Color(0xFF2D130E);
+    static const colorCoreNeutral0 = Color(0xFFFFFFFF);
+    static const colorCoreNeutral100 = Color(0xFFF3F4F4);
+    static const colorCoreNeutral200 = Color(0xFFDEE1E1);
+    static const colorCoreNeutral300 = Color(0xFFC8CCCC);
+    static const colorCoreNeutral400 = Color(0xFFB0B6B7);
+    static const colorCoreNeutral500 = Color(0xFF929A9B);
+    static const colorCoreNeutral600 = Color(0xFF6E797A);
+    static const colorCoreNeutral700 = Color(0xFF515E5F);
+    static const colorCoreNeutral800 = Color(0xFF364141);
+    static const colorCoreNeutral900 = Color(0xFF273333);
+    static const colorCoreNeutral1000 = Color(0xFF162020);
+    static const colorCoreNeutral1100 = Color(0xFF040404);
+    static const colorCoreYellow0 = Color(0xFFFFF8E2);
+    static const colorCoreYellow100 = Color(0xFFFDEFCD);
+    static const colorCoreYellow200 = Color(0xFFFFE99A);
+    static const colorCoreYellow300 = Color(0xFFFFE16E);
+    static const colorCoreYellow400 = Color(0xFFFFD943);
+    static const colorCoreYellow500 = Color(0xFFFFCD1C);
+    static const colorCoreYellow600 = Color(0xFFFFBC00);
+    static const colorCoreYellow700 = Color(0xFFDD9903);
+    static const colorCoreYellow800 = Color(0xFFBA7506);
+    static const colorCoreYellow900 = Color(0xFF944C0C);
+    static const colorCoreYellow1000 = Color(0xFF542A00);
+    static const colorCoreYellow1100 = Color(0xFF2D1A05);
+    static const sizeBorderRadiusLarge = 480.00;
+    static const sizeFontSmall = 12.00;
+    static const sizeFontMedium = 16.00;
+    static const sizeFontLarge = 24.00;
+    static const sizeFontXl = 36.00;
+    static const sizePaddingSmall = 8.00;
+    static const sizePaddingMedium = 16.00;
+    static const sizePaddingLarge = 16.00;
+    static const sizePaddingXl = 16.00;
     static const colorBackgroundPrimary = colorCoreNeutral0;
-    static const colorFontInteractiveDisabled = colorFontTertiary;
-    static const colorFontInteractiveActive = colorBrandSecondary;
-    static const colorFontInteractiveHover = colorBrandPrimary;
-    static const colorFontInteractive = colorBrandPrimary;
+    static const colorBackgroundSecondary = colorCoreNeutral100;
+    static const colorBackgroundTertiary = colorCoreNeutral200;
+    static const colorBackgroundDanger = colorCoreRed0;
+    static const colorBackgroundWarning = colorCoreOrange0;
+    static const colorBackgroundSuccess = colorCoreGreen0;
+    static const colorBackgroundInfo = colorCoreBlue0;
+    static const colorBorderPrimary = colorCoreNeutral300;
+    static const colorBrandPrimary = colorCoreAqua700;
+    static const colorBrandSecondary = colorCorePurple700;
+    static const colorFontPrimary = colorCoreNeutral1100;
+    static const colorFontSecondary = colorCoreNeutral900;
+    static const colorFontTertiary = colorCoreNeutral800;
+    static const colorFontDanger = colorCoreRed1000;
+    static const colorFontWarning = colorCoreOrange1000;
+    static const colorFontSuccess = colorCoreGreen1000;
     static const colorBackgroundDisabled = colorBackgroundTertiary;
+    static const colorFontInteractive = colorBrandPrimary;
+    static const colorFontInteractiveHover = colorBrandPrimary;
+    static const colorFontInteractiveActive = colorBrandSecondary;
+    static const colorFontInteractiveDisabled = colorFontTertiary;
 }`;
 /* end snapshot integration flutter flutter/class.dart with references should match snapshot */
 
diff --git a/__integration__/__snapshots__/scss.test.snap.js b/__integration__/__snapshots__/scss.test.snap.js
index f6f6234c..5b264b58 100644
--- a/__integration__/__snapshots__/scss.test.snap.js
+++ b/__integration__/__snapshots__/scss.test.snap.js
@@ -343,168 +343,168 @@ snapshots["integration scss scss/variables with outputReferences should match sn
 `
 // Do not edit directly, this file was auto-generated.
 
-$size-padding-xl: 1rem;
-$size-padding-large: 1rem;
-$size-padding-medium: 1rem;
-$size-padding-small: 0.5rem;
-$size-font-xl: 2.25rem;
-$size-font-large: 1.5rem;
-$size-font-medium: 1rem;
-$size-font-small: 0.75rem;
-$size-border-radius-large: 30rem;
-$color-core-yellow-1100: #2d1a05;
-$color-core-yellow-1000: #542a00;
-$color-core-yellow-900: #944c0c;
-$color-core-yellow-800: #ba7506;
-$color-core-yellow-700: #dd9903;
-$color-core-yellow-600: #ffbc00;
-$color-core-yellow-500: #ffcd1c;
-$color-core-yellow-400: #ffd943;
-$color-core-yellow-300: #ffe16e;
-$color-core-yellow-200: #ffe99a;
-$color-core-yellow-100: #fdefcd;
-$color-core-yellow-0: #fff8e2;
-$color-core-neutral-1100: #040404;
-$color-core-neutral-1000: #162020;
-$color-core-neutral-900: #273333;
-$color-core-neutral-800: #364141;
-$color-core-neutral-700: #515e5f;
-$color-core-neutral-600: #6e797a;
-$color-core-neutral-500: #929a9b;
-$color-core-neutral-400: #b0b6b7;
-$color-core-neutral-300: #c8cccc;
-$color-core-neutral-200: #dee1e1;
-$color-core-neutral-100: #f3f4f4;
-$color-core-neutral-0: #ffffff;
-$color-core-orange-1100: #2d130e;
-$color-core-orange-1000: #601700;
-$color-core-orange-900: #962c0b;
-$color-core-orange-800: #ce5511;
-$color-core-orange-700: #ed7024;
-$color-core-orange-600: #f57d33;
-$color-core-orange-500: #fc8943;
-$color-core-orange-400: #ff9c5d;
-$color-core-orange-300: #ffb180;
-$color-core-orange-200: #ffc6a4;
-$color-core-orange-100: #fcdccc;
-$color-core-orange-0: #ffede3;
-$color-core-red-1100: #2b1111;
-$color-core-red-1000: #6d1313;
-$color-core-red-900: #992222;
-$color-core-red-800: #c63434;
-$color-core-red-700: #db3e3e;
-$color-core-red-600: #ed4c42;
-$color-core-red-500: #f76054;
-$color-core-red-400: #ff7f6e;
-$color-core-red-300: #ff9c8f;
-$color-core-red-200: #ffb8b1;
-$color-core-red-100: #ffd5d2;
-$color-core-red-0: #ffeae9;
-$color-core-pink-1100: #2b1721;
-$color-core-pink-1000: #561231;
-$color-core-pink-900: #931847;
-$color-core-pink-800: #b22f5b;
-$color-core-pink-700: #ce3665;
-$color-core-pink-600: #e0447c;
-$color-core-pink-500: #ef588b;
-$color-core-pink-400: #ff76ae;
-$color-core-pink-300: #ff95c1;
-$color-core-pink-200: #ffb5d5;
-$color-core-pink-100: #fcdbeb;
-$color-core-pink-0: #ffe9f3;
-$color-core-magenta-1100: #29192d;
-$color-core-magenta-1000: #451551;
-$color-core-magenta-900: #6c2277;
-$color-core-magenta-800: #8f3896;
-$color-core-magenta-700: #ac44a8;
-$color-core-magenta-600: #c44eb9;
-$color-core-magenta-500: #db61db;
-$color-core-magenta-400: #f282f5;
-$color-core-magenta-300: #edadf2;
-$color-core-magenta-200: #f4c4f7;
-$color-core-magenta-100: #f9e3fc;
-$color-core-magenta-0: #fef0ff;
-$color-core-purple-1100: #1d1d38;
-$color-core-purple-1000: #2d246b;
-$color-core-purple-900: #483a9c;
-$color-core-purple-800: #5e4eba;
-$color-core-purple-700: #6f5ed3;
-$color-core-purple-600: #816fea;
-$color-core-purple-500: #9180f4;
-$color-core-purple-400: #a193f2;
-$color-core-purple-300: #c1c1f7;
-$color-core-purple-200: #d8d7f9;
-$color-core-purple-100: #eaeaf9;
-$color-core-purple-0: #f2f2f9;
-$color-core-blue-1100: #002138;
-$color-core-blue-1000: #0a3960;
-$color-core-blue-900: #0c5689;
-$color-core-blue-800: #116daa;
-$color-core-blue-700: #2079c3;
-$color-core-blue-600: #2b87d3;
-$color-core-blue-500: #3896e3;
-$color-core-blue-400: #56adf5;
-$color-core-blue-300: #a1d2f8;
-$color-core-blue-200: #c7e4f9;
-$color-core-blue-100: #dcf2ff;
-$color-core-blue-0: #e9f8ff;
-$color-core-aqua-1100: #002838;
-$color-core-aqua-1000: #083d4f;
-$color-core-aqua-900: #035e73;
-$color-core-aqua-800: #0f6e84;
-$color-core-aqua-700: #0b8599;
-$color-core-aqua-600: #0797ae;
-$color-core-aqua-500: #17b8ce;
-$color-core-aqua-400: #33d6e2;
-$color-core-aqua-300: #76e5e2;
-$color-core-aqua-200: #a5f2f2;
-$color-core-aqua-100: #c5f9f9;
-$color-core-aqua-0: #d9fcfb;
-$color-core-teal-1100: #002528;
-$color-core-teal-1000: #083f3f;
-$color-core-teal-900: #026661;
-$color-core-teal-800: #067c7c;
-$color-core-teal-700: #0b968f;
-$color-core-teal-600: #00a99c;
-$color-core-teal-500: #08c4b2;
-$color-core-teal-400: #24e0c5;
-$color-core-teal-300: #7dead5;
-$color-core-teal-200: #b3f2e6;
-$color-core-teal-100: #cdf7ef;
-$color-core-teal-0: #e5f9f5;
-$color-core-green-1100: #002b20;
-$color-core-green-1000: #08422f;
-$color-core-green-900: #006b40;
-$color-core-green-800: #008b46;
-$color-core-green-700: #0ca750;
-$color-core-green-600: #2bb656;
-$color-core-green-500: #59cb59;
-$color-core-green-400: #75dd66;
-$color-core-green-300: #98e58e;
-$color-core-green-200: #c2f2bd;
-$color-core-green-100: #d7f4d7;
 $color-core-green-0: #ebf9eb;
-$color-font-success: $color-core-green-1000;
-$color-font-warning: $color-core-orange-1000;
-$color-font-danger: $color-core-red-1000;
-$color-font-tertiary: $color-core-neutral-800;
-$color-font-secondary: $color-core-neutral-900;
-$color-font-primary: $color-core-neutral-1100;
-$color-brand-secondary: $color-core-purple-700;
-$color-brand-primary: $color-core-aqua-700;
-$color-border-primary: $color-core-neutral-300;
-$color-background-info: $color-core-blue-0;
-$color-background-success: $color-core-green-0;
-$color-background-warning: $color-core-orange-0;
-$color-background-danger: $color-core-red-0;
-$color-background-tertiary: $color-core-neutral-200;
-$color-background-secondary: $color-core-neutral-100;
+$color-core-green-100: #d7f4d7;
+$color-core-green-200: #c2f2bd;
+$color-core-green-300: #98e58e;
+$color-core-green-400: #75dd66;
+$color-core-green-500: #59cb59;
+$color-core-green-600: #2bb656;
+$color-core-green-700: #0ca750;
+$color-core-green-800: #008b46;
+$color-core-green-900: #006b40;
+$color-core-green-1000: #08422f;
+$color-core-green-1100: #002b20;
+$color-core-teal-0: #e5f9f5;
+$color-core-teal-100: #cdf7ef;
+$color-core-teal-200: #b3f2e6;
+$color-core-teal-300: #7dead5;
+$color-core-teal-400: #24e0c5;
+$color-core-teal-500: #08c4b2;
+$color-core-teal-600: #00a99c;
+$color-core-teal-700: #0b968f;
+$color-core-teal-800: #067c7c;
+$color-core-teal-900: #026661;
+$color-core-teal-1000: #083f3f;
+$color-core-teal-1100: #002528;
+$color-core-aqua-0: #d9fcfb;
+$color-core-aqua-100: #c5f9f9;
+$color-core-aqua-200: #a5f2f2;
+$color-core-aqua-300: #76e5e2;
+$color-core-aqua-400: #33d6e2;
+$color-core-aqua-500: #17b8ce;
+$color-core-aqua-600: #0797ae;
+$color-core-aqua-700: #0b8599;
+$color-core-aqua-800: #0f6e84;
+$color-core-aqua-900: #035e73;
+$color-core-aqua-1000: #083d4f;
+$color-core-aqua-1100: #002838;
+$color-core-blue-0: #e9f8ff;
+$color-core-blue-100: #dcf2ff;
+$color-core-blue-200: #c7e4f9;
+$color-core-blue-300: #a1d2f8;
+$color-core-blue-400: #56adf5;
+$color-core-blue-500: #3896e3;
+$color-core-blue-600: #2b87d3;
+$color-core-blue-700: #2079c3;
+$color-core-blue-800: #116daa;
+$color-core-blue-900: #0c5689;
+$color-core-blue-1000: #0a3960;
+$color-core-blue-1100: #002138;
+$color-core-purple-0: #f2f2f9;
+$color-core-purple-100: #eaeaf9;
+$color-core-purple-200: #d8d7f9;
+$color-core-purple-300: #c1c1f7;
+$color-core-purple-400: #a193f2;
+$color-core-purple-500: #9180f4;
+$color-core-purple-600: #816fea;
+$color-core-purple-700: #6f5ed3;
+$color-core-purple-800: #5e4eba;
+$color-core-purple-900: #483a9c;
+$color-core-purple-1000: #2d246b;
+$color-core-purple-1100: #1d1d38;
+$color-core-magenta-0: #fef0ff;
+$color-core-magenta-100: #f9e3fc;
+$color-core-magenta-200: #f4c4f7;
+$color-core-magenta-300: #edadf2;
+$color-core-magenta-400: #f282f5;
+$color-core-magenta-500: #db61db;
+$color-core-magenta-600: #c44eb9;
+$color-core-magenta-700: #ac44a8;
+$color-core-magenta-800: #8f3896;
+$color-core-magenta-900: #6c2277;
+$color-core-magenta-1000: #451551;
+$color-core-magenta-1100: #29192d;
+$color-core-pink-0: #ffe9f3;
+$color-core-pink-100: #fcdbeb;
+$color-core-pink-200: #ffb5d5;
+$color-core-pink-300: #ff95c1;
+$color-core-pink-400: #ff76ae;
+$color-core-pink-500: #ef588b;
+$color-core-pink-600: #e0447c;
+$color-core-pink-700: #ce3665;
+$color-core-pink-800: #b22f5b;
+$color-core-pink-900: #931847;
+$color-core-pink-1000: #561231;
+$color-core-pink-1100: #2b1721;
+$color-core-red-0: #ffeae9;
+$color-core-red-100: #ffd5d2;
+$color-core-red-200: #ffb8b1;
+$color-core-red-300: #ff9c8f;
+$color-core-red-400: #ff7f6e;
+$color-core-red-500: #f76054;
+$color-core-red-600: #ed4c42;
+$color-core-red-700: #db3e3e;
+$color-core-red-800: #c63434;
+$color-core-red-900: #992222;
+$color-core-red-1000: #6d1313;
+$color-core-red-1100: #2b1111;
+$color-core-orange-0: #ffede3;
+$color-core-orange-100: #fcdccc;
+$color-core-orange-200: #ffc6a4;
+$color-core-orange-300: #ffb180;
+$color-core-orange-400: #ff9c5d;
+$color-core-orange-500: #fc8943;
+$color-core-orange-600: #f57d33;
+$color-core-orange-700: #ed7024;
+$color-core-orange-800: #ce5511;
+$color-core-orange-900: #962c0b;
+$color-core-orange-1000: #601700;
+$color-core-orange-1100: #2d130e;
+$color-core-neutral-0: #ffffff;
+$color-core-neutral-100: #f3f4f4;
+$color-core-neutral-200: #dee1e1;
+$color-core-neutral-300: #c8cccc;
+$color-core-neutral-400: #b0b6b7;
+$color-core-neutral-500: #929a9b;
+$color-core-neutral-600: #6e797a;
+$color-core-neutral-700: #515e5f;
+$color-core-neutral-800: #364141;
+$color-core-neutral-900: #273333;
+$color-core-neutral-1000: #162020;
+$color-core-neutral-1100: #040404;
+$color-core-yellow-0: #fff8e2;
+$color-core-yellow-100: #fdefcd;
+$color-core-yellow-200: #ffe99a;
+$color-core-yellow-300: #ffe16e;
+$color-core-yellow-400: #ffd943;
+$color-core-yellow-500: #ffcd1c;
+$color-core-yellow-600: #ffbc00;
+$color-core-yellow-700: #dd9903;
+$color-core-yellow-800: #ba7506;
+$color-core-yellow-900: #944c0c;
+$color-core-yellow-1000: #542a00;
+$color-core-yellow-1100: #2d1a05;
+$size-border-radius-large: 30rem;
+$size-font-small: 0.75rem;
+$size-font-medium: 1rem;
+$size-font-large: 1.5rem;
+$size-font-xl: 2.25rem;
+$size-padding-small: 0.5rem;
+$size-padding-medium: 1rem;
+$size-padding-large: 1rem;
+$size-padding-xl: 1rem;
 $color-background-primary: $color-core-neutral-0 !default;
-$color-font-interactive-disabled: $color-font-tertiary;
-$color-font-interactive-active: $color-brand-secondary;
-$color-font-interactive-hover: $color-brand-primary;
-$color-font-interactive: $color-brand-primary;
+$color-background-secondary: $color-core-neutral-100;
+$color-background-tertiary: $color-core-neutral-200;
+$color-background-danger: $color-core-red-0;
+$color-background-warning: $color-core-orange-0;
+$color-background-success: $color-core-green-0;
+$color-background-info: $color-core-blue-0;
+$color-border-primary: $color-core-neutral-300;
+$color-brand-primary: $color-core-aqua-700;
+$color-brand-secondary: $color-core-purple-700;
+$color-font-primary: $color-core-neutral-1100;
+$color-font-secondary: $color-core-neutral-900;
+$color-font-tertiary: $color-core-neutral-800;
+$color-font-danger: $color-core-red-1000;
+$color-font-warning: $color-core-orange-1000;
+$color-font-success: $color-core-green-1000;
 $color-background-disabled: $color-background-tertiary;
+$color-font-interactive: $color-brand-primary;
+$color-font-interactive-hover: $color-brand-primary;
+$color-font-interactive-active: $color-brand-secondary;
+$color-font-interactive-disabled: $color-font-tertiary;
 `;
 /* end snapshot integration scss scss/variables with outputReferences should match snapshot */
 
@@ -512,13 +512,13 @@ snapshots["integration scss scss/variables with filter and output references sho
 `
 // Do not edit directly, this file was auto-generated.
 
-$color-background-info: $color-core-blue-0;
-$color-background-success: $color-core-green-0;
-$color-background-warning: $color-core-orange-0;
-$color-background-danger: $color-core-red-0;
-$color-background-tertiary: $color-core-neutral-200;
-$color-background-secondary: $color-core-neutral-100;
 $color-background-primary: $color-core-neutral-0 !default;
+$color-background-secondary: $color-core-neutral-100;
+$color-background-tertiary: $color-core-neutral-200;
+$color-background-danger: $color-core-red-0;
+$color-background-warning: $color-core-orange-0;
+$color-background-success: $color-core-green-0;
+$color-background-info: $color-core-blue-0;
 $color-background-disabled: $color-background-tertiary;
 `;
 /* end snapshot integration scss scss/variables with filter and output references should match snapshot */
@@ -1011,246 +1011,246 @@ $design-system-tokens: (
         '500': $color-core-orange-500,
         '600': $color-core-orange-600,
         '700': $color-core-orange-700,
-        '800': $color-core-orange-800,
-        '900': $color-core-orange-900,
-        '1000': $color-core-orange-1000,
-        '1100': $color-core-orange-1100
-      ),
-      'neutral': (
-        '0': $color-core-neutral-0,
-        '100': $color-core-neutral-100,
-        '200': $color-core-neutral-200,
-        '300': $color-core-neutral-300,
-        '400': $color-core-neutral-400,
-        '500': $color-core-neutral-500,
-        '600': $color-core-neutral-600,
-        '700': $color-core-neutral-700,
-        '800': $color-core-neutral-800,
-        '900': $color-core-neutral-900,
-        '1000': $color-core-neutral-1000,
-        '1100': $color-core-neutral-1100
-      ),
-      'yellow': (
-        '0': $color-core-yellow-0,
-        '100': $color-core-yellow-100,
-        '200': $color-core-yellow-200,
-        '300': $color-core-yellow-300,
-        '400': $color-core-yellow-400,
-        '500': $color-core-yellow-500,
-        '600': $color-core-yellow-600,
-        '700': $color-core-yellow-700,
-        '800': $color-core-yellow-800,
-        '900': $color-core-yellow-900,
-        '1000': $color-core-yellow-1000,
-        '1100': $color-core-yellow-1100
-      )
-    ),
-    'font': (
-      'primary': $color-font-primary,
-      'secondary': $color-font-secondary,
-      'tertiary': $color-font-tertiary,
-      'interactive': (
-        '_': $color-font-interactive,
-        'hover': $color-font-interactive-hover,
-        'active': $color-font-interactive-active,
-        'disabled': $color-font-interactive-disabled
-      ),
-      'danger': $color-font-danger,
-      'warning': $color-font-warning,
-      'success': $color-font-success
-    )
-  ),
-  'size': (
-    'border': (
-      'radius': (
-        'large': $size-border-radius-large
-      )
-    ),
-    'font': (
-      'small': $size-font-small,
-      'medium': $size-font-medium,
-      'large': $size-font-large,
-      'xl': $size-font-xl
-    ),
-    'padding': (
-      'small': $size-padding-small,
-      'medium': $size-padding-medium,
-      'large': $size-padding-large,
-      'xl': $size-padding-xl
-    )
-  )
-);
-`;
-/* end snapshot integration scss scss/map-deep should match snapshot */
-
-snapshots["integration scss scss/map-deep with outputReferences should match snapshot"] = 
-`
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-$size-padding-xl: 1rem !default;
-$size-padding-large: 1rem !default;
-$size-padding-medium: 1rem !default;
-$size-padding-small: 0.5rem !default;
-$size-font-xl: 2.25rem !default;
-$size-font-large: 1.5rem !default;
-$size-font-medium: 1rem !default;
-$size-font-small: 0.75rem !default;
-$size-border-radius-large: 30rem !default;
-$color-core-yellow-1100: #2d1a05 !default;
-$color-core-yellow-1000: #542a00 !default;
-$color-core-yellow-900: #944c0c !default;
-$color-core-yellow-800: #ba7506 !default;
-$color-core-yellow-700: #dd9903 !default;
-$color-core-yellow-600: #ffbc00 !default;
-$color-core-yellow-500: #ffcd1c !default;
-$color-core-yellow-400: #ffd943 !default;
-$color-core-yellow-300: #ffe16e !default;
-$color-core-yellow-200: #ffe99a !default;
-$color-core-yellow-100: #fdefcd !default;
-$color-core-yellow-0: #fff8e2 !default;
-$color-core-neutral-1100: #040404 !default;
-$color-core-neutral-1000: #162020 !default;
-$color-core-neutral-900: #273333 !default;
-$color-core-neutral-800: #364141 !default;
-$color-core-neutral-700: #515e5f !default;
-$color-core-neutral-600: #6e797a !default;
-$color-core-neutral-500: #929a9b !default;
-$color-core-neutral-400: #b0b6b7 !default;
-$color-core-neutral-300: #c8cccc !default;
-$color-core-neutral-200: #dee1e1 !default;
-$color-core-neutral-100: #f3f4f4 !default;
-$color-core-neutral-0: #ffffff !default;
-$color-core-orange-1100: #2d130e !default;
-$color-core-orange-1000: #601700 !default;
-$color-core-orange-900: #962c0b !default;
-$color-core-orange-800: #ce5511 !default;
-$color-core-orange-700: #ed7024 !default;
-$color-core-orange-600: #f57d33 !default;
-$color-core-orange-500: #fc8943 !default;
-$color-core-orange-400: #ff9c5d !default;
-$color-core-orange-300: #ffb180 !default;
-$color-core-orange-200: #ffc6a4 !default;
-$color-core-orange-100: #fcdccc !default;
-$color-core-orange-0: #ffede3 !default;
-$color-core-red-1100: #2b1111 !default;
-$color-core-red-1000: #6d1313 !default;
-$color-core-red-900: #992222 !default;
-$color-core-red-800: #c63434 !default;
-$color-core-red-700: #db3e3e !default;
-$color-core-red-600: #ed4c42 !default;
-$color-core-red-500: #f76054 !default;
-$color-core-red-400: #ff7f6e !default;
-$color-core-red-300: #ff9c8f !default;
-$color-core-red-200: #ffb8b1 !default;
-$color-core-red-100: #ffd5d2 !default;
-$color-core-red-0: #ffeae9 !default;
-$color-core-pink-1100: #2b1721 !default;
-$color-core-pink-1000: #561231 !default;
-$color-core-pink-900: #931847 !default;
-$color-core-pink-800: #b22f5b !default;
-$color-core-pink-700: #ce3665 !default;
-$color-core-pink-600: #e0447c !default;
-$color-core-pink-500: #ef588b !default;
-$color-core-pink-400: #ff76ae !default;
-$color-core-pink-300: #ff95c1 !default;
-$color-core-pink-200: #ffb5d5 !default;
-$color-core-pink-100: #fcdbeb !default;
-$color-core-pink-0: #ffe9f3 !default;
-$color-core-magenta-1100: #29192d !default;
-$color-core-magenta-1000: #451551 !default;
-$color-core-magenta-900: #6c2277 !default;
-$color-core-magenta-800: #8f3896 !default;
-$color-core-magenta-700: #ac44a8 !default;
-$color-core-magenta-600: #c44eb9 !default;
-$color-core-magenta-500: #db61db !default;
-$color-core-magenta-400: #f282f5 !default;
-$color-core-magenta-300: #edadf2 !default;
-$color-core-magenta-200: #f4c4f7 !default;
-$color-core-magenta-100: #f9e3fc !default;
-$color-core-magenta-0: #fef0ff !default;
-$color-core-purple-1100: #1d1d38 !default;
-$color-core-purple-1000: #2d246b !default;
-$color-core-purple-900: #483a9c !default;
-$color-core-purple-800: #5e4eba !default;
-$color-core-purple-700: #6f5ed3 !default;
-$color-core-purple-600: #816fea !default;
-$color-core-purple-500: #9180f4 !default;
-$color-core-purple-400: #a193f2 !default;
-$color-core-purple-300: #c1c1f7 !default;
-$color-core-purple-200: #d8d7f9 !default;
-$color-core-purple-100: #eaeaf9 !default;
-$color-core-purple-0: #f2f2f9 !default;
-$color-core-blue-1100: #002138 !default;
-$color-core-blue-1000: #0a3960 !default;
-$color-core-blue-900: #0c5689 !default;
-$color-core-blue-800: #116daa !default;
-$color-core-blue-700: #2079c3 !default;
-$color-core-blue-600: #2b87d3 !default;
-$color-core-blue-500: #3896e3 !default;
-$color-core-blue-400: #56adf5 !default;
-$color-core-blue-300: #a1d2f8 !default;
-$color-core-blue-200: #c7e4f9 !default;
-$color-core-blue-100: #dcf2ff !default;
-$color-core-blue-0: #e9f8ff !default;
-$color-core-aqua-1100: #002838 !default;
-$color-core-aqua-1000: #083d4f !default;
-$color-core-aqua-900: #035e73 !default;
-$color-core-aqua-800: #0f6e84 !default;
-$color-core-aqua-700: #0b8599 !default;
-$color-core-aqua-600: #0797ae !default;
-$color-core-aqua-500: #17b8ce !default;
-$color-core-aqua-400: #33d6e2 !default;
-$color-core-aqua-300: #76e5e2 !default;
-$color-core-aqua-200: #a5f2f2 !default;
-$color-core-aqua-100: #c5f9f9 !default;
-$color-core-aqua-0: #d9fcfb !default;
-$color-core-teal-1100: #002528 !default;
-$color-core-teal-1000: #083f3f !default;
-$color-core-teal-900: #026661 !default;
-$color-core-teal-800: #067c7c !default;
-$color-core-teal-700: #0b968f !default;
-$color-core-teal-600: #00a99c !default;
-$color-core-teal-500: #08c4b2 !default;
-$color-core-teal-400: #24e0c5 !default;
-$color-core-teal-300: #7dead5 !default;
-$color-core-teal-200: #b3f2e6 !default;
-$color-core-teal-100: #cdf7ef !default;
-$color-core-teal-0: #e5f9f5 !default;
-$color-core-green-1100: #002b20 !default;
-$color-core-green-1000: #08422f !default;
-$color-core-green-900: #006b40 !default;
-$color-core-green-800: #008b46 !default;
-$color-core-green-700: #0ca750 !default;
-$color-core-green-600: #2bb656 !default;
-$color-core-green-500: #59cb59 !default;
-$color-core-green-400: #75dd66 !default;
-$color-core-green-300: #98e58e !default;
-$color-core-green-200: #c2f2bd !default;
-$color-core-green-100: #d7f4d7 !default;
+        '800': $color-core-orange-800,
+        '900': $color-core-orange-900,
+        '1000': $color-core-orange-1000,
+        '1100': $color-core-orange-1100
+      ),
+      'neutral': (
+        '0': $color-core-neutral-0,
+        '100': $color-core-neutral-100,
+        '200': $color-core-neutral-200,
+        '300': $color-core-neutral-300,
+        '400': $color-core-neutral-400,
+        '500': $color-core-neutral-500,
+        '600': $color-core-neutral-600,
+        '700': $color-core-neutral-700,
+        '800': $color-core-neutral-800,
+        '900': $color-core-neutral-900,
+        '1000': $color-core-neutral-1000,
+        '1100': $color-core-neutral-1100
+      ),
+      'yellow': (
+        '0': $color-core-yellow-0,
+        '100': $color-core-yellow-100,
+        '200': $color-core-yellow-200,
+        '300': $color-core-yellow-300,
+        '400': $color-core-yellow-400,
+        '500': $color-core-yellow-500,
+        '600': $color-core-yellow-600,
+        '700': $color-core-yellow-700,
+        '800': $color-core-yellow-800,
+        '900': $color-core-yellow-900,
+        '1000': $color-core-yellow-1000,
+        '1100': $color-core-yellow-1100
+      )
+    ),
+    'font': (
+      'primary': $color-font-primary,
+      'secondary': $color-font-secondary,
+      'tertiary': $color-font-tertiary,
+      'interactive': (
+        '_': $color-font-interactive,
+        'hover': $color-font-interactive-hover,
+        'active': $color-font-interactive-active,
+        'disabled': $color-font-interactive-disabled
+      ),
+      'danger': $color-font-danger,
+      'warning': $color-font-warning,
+      'success': $color-font-success
+    )
+  ),
+  'size': (
+    'border': (
+      'radius': (
+        'large': $size-border-radius-large
+      )
+    ),
+    'font': (
+      'small': $size-font-small,
+      'medium': $size-font-medium,
+      'large': $size-font-large,
+      'xl': $size-font-xl
+    ),
+    'padding': (
+      'small': $size-padding-small,
+      'medium': $size-padding-medium,
+      'large': $size-padding-large,
+      'xl': $size-padding-xl
+    )
+  )
+);
+`;
+/* end snapshot integration scss scss/map-deep should match snapshot */
+
+snapshots["integration scss scss/map-deep with outputReferences should match snapshot"] = 
+`
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
 $color-core-green-0: #ebf9eb !default;
-$color-font-success: $color-core-green-1000 !default;
-$color-font-warning: $color-core-orange-1000 !default;
-$color-font-danger: $color-core-red-1000 !default;
-$color-font-tertiary: $color-core-neutral-800 !default;
-$color-font-secondary: $color-core-neutral-900 !default;
-$color-font-primary: $color-core-neutral-1100 !default;
-$color-brand-secondary: $color-core-purple-700 !default;
-$color-brand-primary: $color-core-aqua-700 !default;
-$color-border-primary: $color-core-neutral-300 !default;
-$color-background-info: $color-core-blue-0 !default;
-$color-background-success: $color-core-green-0 !default;
-$color-background-warning: $color-core-orange-0 !default;
-$color-background-danger: $color-core-red-0 !default;
-$color-background-tertiary: $color-core-neutral-200 !default;
-$color-background-secondary: $color-core-neutral-100 !default;
+$color-core-green-100: #d7f4d7 !default;
+$color-core-green-200: #c2f2bd !default;
+$color-core-green-300: #98e58e !default;
+$color-core-green-400: #75dd66 !default;
+$color-core-green-500: #59cb59 !default;
+$color-core-green-600: #2bb656 !default;
+$color-core-green-700: #0ca750 !default;
+$color-core-green-800: #008b46 !default;
+$color-core-green-900: #006b40 !default;
+$color-core-green-1000: #08422f !default;
+$color-core-green-1100: #002b20 !default;
+$color-core-teal-0: #e5f9f5 !default;
+$color-core-teal-100: #cdf7ef !default;
+$color-core-teal-200: #b3f2e6 !default;
+$color-core-teal-300: #7dead5 !default;
+$color-core-teal-400: #24e0c5 !default;
+$color-core-teal-500: #08c4b2 !default;
+$color-core-teal-600: #00a99c !default;
+$color-core-teal-700: #0b968f !default;
+$color-core-teal-800: #067c7c !default;
+$color-core-teal-900: #026661 !default;
+$color-core-teal-1000: #083f3f !default;
+$color-core-teal-1100: #002528 !default;
+$color-core-aqua-0: #d9fcfb !default;
+$color-core-aqua-100: #c5f9f9 !default;
+$color-core-aqua-200: #a5f2f2 !default;
+$color-core-aqua-300: #76e5e2 !default;
+$color-core-aqua-400: #33d6e2 !default;
+$color-core-aqua-500: #17b8ce !default;
+$color-core-aqua-600: #0797ae !default;
+$color-core-aqua-700: #0b8599 !default;
+$color-core-aqua-800: #0f6e84 !default;
+$color-core-aqua-900: #035e73 !default;
+$color-core-aqua-1000: #083d4f !default;
+$color-core-aqua-1100: #002838 !default;
+$color-core-blue-0: #e9f8ff !default;
+$color-core-blue-100: #dcf2ff !default;
+$color-core-blue-200: #c7e4f9 !default;
+$color-core-blue-300: #a1d2f8 !default;
+$color-core-blue-400: #56adf5 !default;
+$color-core-blue-500: #3896e3 !default;
+$color-core-blue-600: #2b87d3 !default;
+$color-core-blue-700: #2079c3 !default;
+$color-core-blue-800: #116daa !default;
+$color-core-blue-900: #0c5689 !default;
+$color-core-blue-1000: #0a3960 !default;
+$color-core-blue-1100: #002138 !default;
+$color-core-purple-0: #f2f2f9 !default;
+$color-core-purple-100: #eaeaf9 !default;
+$color-core-purple-200: #d8d7f9 !default;
+$color-core-purple-300: #c1c1f7 !default;
+$color-core-purple-400: #a193f2 !default;
+$color-core-purple-500: #9180f4 !default;
+$color-core-purple-600: #816fea !default;
+$color-core-purple-700: #6f5ed3 !default;
+$color-core-purple-800: #5e4eba !default;
+$color-core-purple-900: #483a9c !default;
+$color-core-purple-1000: #2d246b !default;
+$color-core-purple-1100: #1d1d38 !default;
+$color-core-magenta-0: #fef0ff !default;
+$color-core-magenta-100: #f9e3fc !default;
+$color-core-magenta-200: #f4c4f7 !default;
+$color-core-magenta-300: #edadf2 !default;
+$color-core-magenta-400: #f282f5 !default;
+$color-core-magenta-500: #db61db !default;
+$color-core-magenta-600: #c44eb9 !default;
+$color-core-magenta-700: #ac44a8 !default;
+$color-core-magenta-800: #8f3896 !default;
+$color-core-magenta-900: #6c2277 !default;
+$color-core-magenta-1000: #451551 !default;
+$color-core-magenta-1100: #29192d !default;
+$color-core-pink-0: #ffe9f3 !default;
+$color-core-pink-100: #fcdbeb !default;
+$color-core-pink-200: #ffb5d5 !default;
+$color-core-pink-300: #ff95c1 !default;
+$color-core-pink-400: #ff76ae !default;
+$color-core-pink-500: #ef588b !default;
+$color-core-pink-600: #e0447c !default;
+$color-core-pink-700: #ce3665 !default;
+$color-core-pink-800: #b22f5b !default;
+$color-core-pink-900: #931847 !default;
+$color-core-pink-1000: #561231 !default;
+$color-core-pink-1100: #2b1721 !default;
+$color-core-red-0: #ffeae9 !default;
+$color-core-red-100: #ffd5d2 !default;
+$color-core-red-200: #ffb8b1 !default;
+$color-core-red-300: #ff9c8f !default;
+$color-core-red-400: #ff7f6e !default;
+$color-core-red-500: #f76054 !default;
+$color-core-red-600: #ed4c42 !default;
+$color-core-red-700: #db3e3e !default;
+$color-core-red-800: #c63434 !default;
+$color-core-red-900: #992222 !default;
+$color-core-red-1000: #6d1313 !default;
+$color-core-red-1100: #2b1111 !default;
+$color-core-orange-0: #ffede3 !default;
+$color-core-orange-100: #fcdccc !default;
+$color-core-orange-200: #ffc6a4 !default;
+$color-core-orange-300: #ffb180 !default;
+$color-core-orange-400: #ff9c5d !default;
+$color-core-orange-500: #fc8943 !default;
+$color-core-orange-600: #f57d33 !default;
+$color-core-orange-700: #ed7024 !default;
+$color-core-orange-800: #ce5511 !default;
+$color-core-orange-900: #962c0b !default;
+$color-core-orange-1000: #601700 !default;
+$color-core-orange-1100: #2d130e !default;
+$color-core-neutral-0: #ffffff !default;
+$color-core-neutral-100: #f3f4f4 !default;
+$color-core-neutral-200: #dee1e1 !default;
+$color-core-neutral-300: #c8cccc !default;
+$color-core-neutral-400: #b0b6b7 !default;
+$color-core-neutral-500: #929a9b !default;
+$color-core-neutral-600: #6e797a !default;
+$color-core-neutral-700: #515e5f !default;
+$color-core-neutral-800: #364141 !default;
+$color-core-neutral-900: #273333 !default;
+$color-core-neutral-1000: #162020 !default;
+$color-core-neutral-1100: #040404 !default;
+$color-core-yellow-0: #fff8e2 !default;
+$color-core-yellow-100: #fdefcd !default;
+$color-core-yellow-200: #ffe99a !default;
+$color-core-yellow-300: #ffe16e !default;
+$color-core-yellow-400: #ffd943 !default;
+$color-core-yellow-500: #ffcd1c !default;
+$color-core-yellow-600: #ffbc00 !default;
+$color-core-yellow-700: #dd9903 !default;
+$color-core-yellow-800: #ba7506 !default;
+$color-core-yellow-900: #944c0c !default;
+$color-core-yellow-1000: #542a00 !default;
+$color-core-yellow-1100: #2d1a05 !default;
+$size-border-radius-large: 30rem !default;
+$size-font-small: 0.75rem !default;
+$size-font-medium: 1rem !default;
+$size-font-large: 1.5rem !default;
+$size-font-xl: 2.25rem !default;
+$size-padding-small: 0.5rem !default;
+$size-padding-medium: 1rem !default;
+$size-padding-large: 1rem !default;
+$size-padding-xl: 1rem !default;
 $color-background-primary: $color-core-neutral-0 !default;
-$color-font-interactive-disabled: $color-font-tertiary !default;
-$color-font-interactive-active: $color-brand-secondary !default;
-$color-font-interactive-hover: $color-brand-primary !default;
-$color-font-interactive: $color-brand-primary !default;
+$color-background-secondary: $color-core-neutral-100 !default;
+$color-background-tertiary: $color-core-neutral-200 !default;
+$color-background-danger: $color-core-red-0 !default;
+$color-background-warning: $color-core-orange-0 !default;
+$color-background-success: $color-core-green-0 !default;
+$color-background-info: $color-core-blue-0 !default;
+$color-border-primary: $color-core-neutral-300 !default;
+$color-brand-primary: $color-core-aqua-700 !default;
+$color-brand-secondary: $color-core-purple-700 !default;
+$color-font-primary: $color-core-neutral-1100 !default;
+$color-font-secondary: $color-core-neutral-900 !default;
+$color-font-tertiary: $color-core-neutral-800 !default;
+$color-font-danger: $color-core-red-1000 !default;
+$color-font-warning: $color-core-orange-1000 !default;
+$color-font-success: $color-core-green-1000 !default;
 $color-background-disabled: $color-background-tertiary !default;
+$color-font-interactive: $color-brand-primary !default;
+$color-font-interactive-hover: $color-brand-primary !default;
+$color-font-interactive-active: $color-brand-secondary !default;
+$color-font-interactive-disabled: $color-font-tertiary !default;
 
 $design-system-tokens: (
   'color': (
diff --git a/__integration__/__snapshots__/swift.test.snap.js b/__integration__/__snapshots__/swift.test.snap.js
index f54195af..edc0f8e0 100644
--- a/__integration__/__snapshots__/swift.test.snap.js
+++ b/__integration__/__snapshots__/swift.test.snap.js
@@ -190,168 +190,168 @@ snapshots["integration swift ios-swift/class.swift with references should match
 import UIKit
 
 public class StyleDictionary {
-    public static let sizePaddingXl = CGFloat(16.00)
-    public static let sizePaddingLarge = CGFloat(16.00)
-    public static let sizePaddingMedium = CGFloat(16.00)
-    public static let sizePaddingSmall = CGFloat(8.00)
-    public static let sizeFontXl = CGFloat(36.00)
-    public static let sizeFontLarge = CGFloat(24.00)
-    public static let sizeFontMedium = CGFloat(16.00)
-    public static let sizeFontSmall = CGFloat(12.00)
-    public static let sizeBorderRadiusLarge = CGFloat(480.00)
-    public static let colorCoreYellow1100 = UIColor(red: 0.176, green: 0.102, blue: 0.020, alpha: 1)
-    public static let colorCoreYellow1000 = UIColor(red: 0.329, green: 0.165, blue: 0.000, alpha: 1)
-    public static let colorCoreYellow900 = UIColor(red: 0.580, green: 0.298, blue: 0.047, alpha: 1)
-    public static let colorCoreYellow800 = UIColor(red: 0.729, green: 0.459, blue: 0.024, alpha: 1)
-    public static let colorCoreYellow700 = UIColor(red: 0.867, green: 0.600, blue: 0.012, alpha: 1)
-    public static let colorCoreYellow600 = UIColor(red: 1.000, green: 0.737, blue: 0.000, alpha: 1)
-    public static let colorCoreYellow500 = UIColor(red: 1.000, green: 0.804, blue: 0.110, alpha: 1)
-    public static let colorCoreYellow400 = UIColor(red: 1.000, green: 0.851, blue: 0.263, alpha: 1)
-    public static let colorCoreYellow300 = UIColor(red: 1.000, green: 0.882, blue: 0.431, alpha: 1)
-    public static let colorCoreYellow200 = UIColor(red: 1.000, green: 0.914, blue: 0.604, alpha: 1)
-    public static let colorCoreYellow100 = UIColor(red: 0.992, green: 0.937, blue: 0.804, alpha: 1)
-    public static let colorCoreYellow0 = UIColor(red: 1.000, green: 0.973, blue: 0.886, alpha: 1)
-    public static let colorCoreNeutral1100 = UIColor(red: 0.016, green: 0.016, blue: 0.016, alpha: 1)
-    public static let colorCoreNeutral1000 = UIColor(red: 0.086, green: 0.125, blue: 0.125, alpha: 1)
-    public static let colorCoreNeutral900 = UIColor(red: 0.153, green: 0.200, blue: 0.200, alpha: 1)
-    public static let colorCoreNeutral800 = UIColor(red: 0.212, green: 0.255, blue: 0.255, alpha: 1)
-    public static let colorCoreNeutral700 = UIColor(red: 0.318, green: 0.369, blue: 0.373, alpha: 1)
-    public static let colorCoreNeutral600 = UIColor(red: 0.431, green: 0.475, blue: 0.478, alpha: 1)
-    public static let colorCoreNeutral500 = UIColor(red: 0.573, green: 0.604, blue: 0.608, alpha: 1)
-    public static let colorCoreNeutral400 = UIColor(red: 0.690, green: 0.714, blue: 0.718, alpha: 1)
-    public static let colorCoreNeutral300 = UIColor(red: 0.784, green: 0.800, blue: 0.800, alpha: 1)
-    public static let colorCoreNeutral200 = UIColor(red: 0.871, green: 0.882, blue: 0.882, alpha: 1)
-    public static let colorCoreNeutral100 = UIColor(red: 0.953, green: 0.957, blue: 0.957, alpha: 1)
-    public static let colorCoreNeutral0 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
-    public static let colorCoreOrange1100 = UIColor(red: 0.176, green: 0.075, blue: 0.055, alpha: 1)
-    public static let colorCoreOrange1000 = UIColor(red: 0.376, green: 0.090, blue: 0.000, alpha: 1)
-    public static let colorCoreOrange900 = UIColor(red: 0.588, green: 0.173, blue: 0.043, alpha: 1)
-    public static let colorCoreOrange800 = UIColor(red: 0.808, green: 0.333, blue: 0.067, alpha: 1)
-    public static let colorCoreOrange700 = UIColor(red: 0.929, green: 0.439, blue: 0.141, alpha: 1)
-    public static let colorCoreOrange600 = UIColor(red: 0.961, green: 0.490, blue: 0.200, alpha: 1)
-    public static let colorCoreOrange500 = UIColor(red: 0.988, green: 0.537, blue: 0.263, alpha: 1)
-    public static let colorCoreOrange400 = UIColor(red: 1.000, green: 0.612, blue: 0.365, alpha: 1)
-    public static let colorCoreOrange300 = UIColor(red: 1.000, green: 0.694, blue: 0.502, alpha: 1)
-    public static let colorCoreOrange200 = UIColor(red: 1.000, green: 0.776, blue: 0.643, alpha: 1)
-    public static let colorCoreOrange100 = UIColor(red: 0.988, green: 0.863, blue: 0.800, alpha: 1)
-    public static let colorCoreOrange0 = UIColor(red: 1.000, green: 0.929, blue: 0.890, alpha: 1)
-    public static let colorCoreRed1100 = UIColor(red: 0.169, green: 0.067, blue: 0.067, alpha: 1)
-    public static let colorCoreRed1000 = UIColor(red: 0.427, green: 0.075, blue: 0.075, alpha: 1)
-    public static let colorCoreRed900 = UIColor(red: 0.600, green: 0.133, blue: 0.133, alpha: 1)
-    public static let colorCoreRed800 = UIColor(red: 0.776, green: 0.204, blue: 0.204, alpha: 1)
-    public static let colorCoreRed700 = UIColor(red: 0.859, green: 0.243, blue: 0.243, alpha: 1)
-    public static let colorCoreRed600 = UIColor(red: 0.929, green: 0.298, blue: 0.259, alpha: 1)
-    public static let colorCoreRed500 = UIColor(red: 0.969, green: 0.376, blue: 0.329, alpha: 1)
-    public static let colorCoreRed400 = UIColor(red: 1.000, green: 0.498, blue: 0.431, alpha: 1)
-    public static let colorCoreRed300 = UIColor(red: 1.000, green: 0.612, blue: 0.561, alpha: 1)
-    public static let colorCoreRed200 = UIColor(red: 1.000, green: 0.722, blue: 0.694, alpha: 1)
-    public static let colorCoreRed100 = UIColor(red: 1.000, green: 0.835, blue: 0.824, alpha: 1)
-    public static let colorCoreRed0 = UIColor(red: 1.000, green: 0.918, blue: 0.914, alpha: 1)
-    public static let colorCorePink1100 = UIColor(red: 0.169, green: 0.090, blue: 0.129, alpha: 1)
-    public static let colorCorePink1000 = UIColor(red: 0.337, green: 0.071, blue: 0.192, alpha: 1)
-    public static let colorCorePink900 = UIColor(red: 0.576, green: 0.094, blue: 0.278, alpha: 1)
-    public static let colorCorePink800 = UIColor(red: 0.698, green: 0.184, blue: 0.357, alpha: 1)
-    public static let colorCorePink700 = UIColor(red: 0.808, green: 0.212, blue: 0.396, alpha: 1)
-    public static let colorCorePink600 = UIColor(red: 0.878, green: 0.267, blue: 0.486, alpha: 1)
-    public static let colorCorePink500 = UIColor(red: 0.937, green: 0.345, blue: 0.545, alpha: 1)
-    public static let colorCorePink400 = UIColor(red: 1.000, green: 0.463, blue: 0.682, alpha: 1)
-    public static let colorCorePink300 = UIColor(red: 1.000, green: 0.584, blue: 0.757, alpha: 1)
-    public static let colorCorePink200 = UIColor(red: 1.000, green: 0.710, blue: 0.835, alpha: 1)
-    public static let colorCorePink100 = UIColor(red: 0.988, green: 0.859, blue: 0.922, alpha: 1)
-    public static let colorCorePink0 = UIColor(red: 1.000, green: 0.914, blue: 0.953, alpha: 1)
-    public static let colorCoreMagenta1100 = UIColor(red: 0.161, green: 0.098, blue: 0.176, alpha: 1)
-    public static let colorCoreMagenta1000 = UIColor(red: 0.271, green: 0.082, blue: 0.318, alpha: 1)
-    public static let colorCoreMagenta900 = UIColor(red: 0.424, green: 0.133, blue: 0.467, alpha: 1)
-    public static let colorCoreMagenta800 = UIColor(red: 0.561, green: 0.220, blue: 0.588, alpha: 1)
-    public static let colorCoreMagenta700 = UIColor(red: 0.675, green: 0.267, blue: 0.659, alpha: 1)
-    public static let colorCoreMagenta600 = UIColor(red: 0.769, green: 0.306, blue: 0.725, alpha: 1)
-    public static let colorCoreMagenta500 = UIColor(red: 0.859, green: 0.380, blue: 0.859, alpha: 1)
-    public static let colorCoreMagenta400 = UIColor(red: 0.949, green: 0.510, blue: 0.961, alpha: 1)
-    public static let colorCoreMagenta300 = UIColor(red: 0.929, green: 0.678, blue: 0.949, alpha: 1)
-    public static let colorCoreMagenta200 = UIColor(red: 0.957, green: 0.769, blue: 0.969, alpha: 1)
-    public static let colorCoreMagenta100 = UIColor(red: 0.976, green: 0.890, blue: 0.988, alpha: 1)
-    public static let colorCoreMagenta0 = UIColor(red: 0.996, green: 0.941, blue: 1.000, alpha: 1)
-    public static let colorCorePurple1100 = UIColor(red: 0.114, green: 0.114, blue: 0.220, alpha: 1)
-    public static let colorCorePurple1000 = UIColor(red: 0.176, green: 0.141, blue: 0.420, alpha: 1)
-    public static let colorCorePurple900 = UIColor(red: 0.282, green: 0.227, blue: 0.612, alpha: 1)
-    public static let colorCorePurple800 = UIColor(red: 0.369, green: 0.306, blue: 0.729, alpha: 1)
-    public static let colorCorePurple700 = UIColor(red: 0.435, green: 0.369, blue: 0.827, alpha: 1)
-    public static let colorCorePurple600 = UIColor(red: 0.506, green: 0.435, blue: 0.918, alpha: 1)
-    public static let colorCorePurple500 = UIColor(red: 0.569, green: 0.502, blue: 0.957, alpha: 1)
-    public static let colorCorePurple400 = UIColor(red: 0.631, green: 0.576, blue: 0.949, alpha: 1)
-    public static let colorCorePurple300 = UIColor(red: 0.757, green: 0.757, blue: 0.969, alpha: 1)
-    public static let colorCorePurple200 = UIColor(red: 0.847, green: 0.843, blue: 0.976, alpha: 1)
-    public static let colorCorePurple100 = UIColor(red: 0.918, green: 0.918, blue: 0.976, alpha: 1)
-    public static let colorCorePurple0 = UIColor(red: 0.949, green: 0.949, blue: 0.976, alpha: 1)
-    public static let colorCoreBlue1100 = UIColor(red: 0.000, green: 0.129, blue: 0.220, alpha: 1)
-    public static let colorCoreBlue1000 = UIColor(red: 0.039, green: 0.224, blue: 0.376, alpha: 1)
-    public static let colorCoreBlue900 = UIColor(red: 0.047, green: 0.337, blue: 0.537, alpha: 1)
-    public static let colorCoreBlue800 = UIColor(red: 0.067, green: 0.427, blue: 0.667, alpha: 1)
-    public static let colorCoreBlue700 = UIColor(red: 0.125, green: 0.475, blue: 0.765, alpha: 1)
-    public static let colorCoreBlue600 = UIColor(red: 0.169, green: 0.529, blue: 0.827, alpha: 1)
-    public static let colorCoreBlue500 = UIColor(red: 0.220, green: 0.588, blue: 0.890, alpha: 1)
-    public static let colorCoreBlue400 = UIColor(red: 0.337, green: 0.678, blue: 0.961, alpha: 1)
-    public static let colorCoreBlue300 = UIColor(red: 0.631, green: 0.824, blue: 0.973, alpha: 1)
-    public static let colorCoreBlue200 = UIColor(red: 0.780, green: 0.894, blue: 0.976, alpha: 1)
-    public static let colorCoreBlue100 = UIColor(red: 0.863, green: 0.949, blue: 1.000, alpha: 1)
-    public static let colorCoreBlue0 = UIColor(red: 0.914, green: 0.973, blue: 1.000, alpha: 1)
-    public static let colorCoreAqua1100 = UIColor(red: 0.000, green: 0.157, blue: 0.220, alpha: 1)
-    public static let colorCoreAqua1000 = UIColor(red: 0.031, green: 0.239, blue: 0.310, alpha: 1)
-    public static let colorCoreAqua900 = UIColor(red: 0.012, green: 0.369, blue: 0.451, alpha: 1)
-    public static let colorCoreAqua800 = UIColor(red: 0.059, green: 0.431, blue: 0.518, alpha: 1)
-    public static let colorCoreAqua700 = UIColor(red: 0.043, green: 0.522, blue: 0.600, alpha: 1)
-    public static let colorCoreAqua600 = UIColor(red: 0.027, green: 0.592, blue: 0.682, alpha: 1)
-    public static let colorCoreAqua500 = UIColor(red: 0.090, green: 0.722, blue: 0.808, alpha: 1)
-    public static let colorCoreAqua400 = UIColor(red: 0.200, green: 0.839, blue: 0.886, alpha: 1)
-    public static let colorCoreAqua300 = UIColor(red: 0.463, green: 0.898, blue: 0.886, alpha: 1)
-    public static let colorCoreAqua200 = UIColor(red: 0.647, green: 0.949, blue: 0.949, alpha: 1)
-    public static let colorCoreAqua100 = UIColor(red: 0.773, green: 0.976, blue: 0.976, alpha: 1)
-    public static let colorCoreAqua0 = UIColor(red: 0.851, green: 0.988, blue: 0.984, alpha: 1)
-    public static let colorCoreTeal1100 = UIColor(red: 0.000, green: 0.145, blue: 0.157, alpha: 1)
-    public static let colorCoreTeal1000 = UIColor(red: 0.031, green: 0.247, blue: 0.247, alpha: 1)
-    public static let colorCoreTeal900 = UIColor(red: 0.008, green: 0.400, blue: 0.380, alpha: 1)
-    public static let colorCoreTeal800 = UIColor(red: 0.024, green: 0.486, blue: 0.486, alpha: 1)
-    public static let colorCoreTeal700 = UIColor(red: 0.043, green: 0.588, blue: 0.561, alpha: 1)
-    public static let colorCoreTeal600 = UIColor(red: 0.000, green: 0.663, blue: 0.612, alpha: 1)
-    public static let colorCoreTeal500 = UIColor(red: 0.031, green: 0.769, blue: 0.698, alpha: 1)
-    public static let colorCoreTeal400 = UIColor(red: 0.141, green: 0.878, blue: 0.773, alpha: 1)
-    public static let colorCoreTeal300 = UIColor(red: 0.490, green: 0.918, blue: 0.835, alpha: 1)
-    public static let colorCoreTeal200 = UIColor(red: 0.702, green: 0.949, blue: 0.902, alpha: 1)
-    public static let colorCoreTeal100 = UIColor(red: 0.804, green: 0.969, blue: 0.937, alpha: 1)
-    public static let colorCoreTeal0 = UIColor(red: 0.898, green: 0.976, blue: 0.961, alpha: 1)
-    public static let colorCoreGreen1100 = UIColor(red: 0.000, green: 0.169, blue: 0.125, alpha: 1)
-    public static let colorCoreGreen1000 = UIColor(red: 0.031, green: 0.259, blue: 0.184, alpha: 1)
-    public static let colorCoreGreen900 = UIColor(red: 0.000, green: 0.420, blue: 0.251, alpha: 1)
-    public static let colorCoreGreen800 = UIColor(red: 0.000, green: 0.545, blue: 0.275, alpha: 1)
-    public static let colorCoreGreen700 = UIColor(red: 0.047, green: 0.655, blue: 0.314, alpha: 1)
-    public static let colorCoreGreen600 = UIColor(red: 0.169, green: 0.714, blue: 0.337, alpha: 1)
-    public static let colorCoreGreen500 = UIColor(red: 0.349, green: 0.796, blue: 0.349, alpha: 1)
-    public static let colorCoreGreen400 = UIColor(red: 0.459, green: 0.867, blue: 0.400, alpha: 1)
-    public static let colorCoreGreen300 = UIColor(red: 0.596, green: 0.898, blue: 0.557, alpha: 1)
-    public static let colorCoreGreen200 = UIColor(red: 0.761, green: 0.949, blue: 0.741, alpha: 1)
-    public static let colorCoreGreen100 = UIColor(red: 0.843, green: 0.957, blue: 0.843, alpha: 1)
     public static let colorCoreGreen0 = UIColor(red: 0.922, green: 0.976, blue: 0.922, alpha: 1)
-    public static let colorFontSuccess = colorCoreGreen1000
-    public static let colorFontWarning = colorCoreOrange1000
-    public static let colorFontDanger = colorCoreRed1000
-    public static let colorFontTertiary = colorCoreNeutral800
-    public static let colorFontSecondary = colorCoreNeutral900
-    public static let colorFontPrimary = colorCoreNeutral1100
-    public static let colorBrandSecondary = colorCorePurple700
-    public static let colorBrandPrimary = colorCoreAqua700
-    public static let colorBorderPrimary = colorCoreNeutral300
-    public static let colorBackgroundInfo = colorCoreBlue0
-    public static let colorBackgroundSuccess = colorCoreGreen0
-    public static let colorBackgroundWarning = colorCoreOrange0
-    public static let colorBackgroundDanger = colorCoreRed0
-    public static let colorBackgroundTertiary = colorCoreNeutral200
-    public static let colorBackgroundSecondary = colorCoreNeutral100
+    public static let colorCoreGreen100 = UIColor(red: 0.843, green: 0.957, blue: 0.843, alpha: 1)
+    public static let colorCoreGreen200 = UIColor(red: 0.761, green: 0.949, blue: 0.741, alpha: 1)
+    public static let colorCoreGreen300 = UIColor(red: 0.596, green: 0.898, blue: 0.557, alpha: 1)
+    public static let colorCoreGreen400 = UIColor(red: 0.459, green: 0.867, blue: 0.400, alpha: 1)
+    public static let colorCoreGreen500 = UIColor(red: 0.349, green: 0.796, blue: 0.349, alpha: 1)
+    public static let colorCoreGreen600 = UIColor(red: 0.169, green: 0.714, blue: 0.337, alpha: 1)
+    public static let colorCoreGreen700 = UIColor(red: 0.047, green: 0.655, blue: 0.314, alpha: 1)
+    public static let colorCoreGreen800 = UIColor(red: 0.000, green: 0.545, blue: 0.275, alpha: 1)
+    public static let colorCoreGreen900 = UIColor(red: 0.000, green: 0.420, blue: 0.251, alpha: 1)
+    public static let colorCoreGreen1000 = UIColor(red: 0.031, green: 0.259, blue: 0.184, alpha: 1)
+    public static let colorCoreGreen1100 = UIColor(red: 0.000, green: 0.169, blue: 0.125, alpha: 1)
+    public static let colorCoreTeal0 = UIColor(red: 0.898, green: 0.976, blue: 0.961, alpha: 1)
+    public static let colorCoreTeal100 = UIColor(red: 0.804, green: 0.969, blue: 0.937, alpha: 1)
+    public static let colorCoreTeal200 = UIColor(red: 0.702, green: 0.949, blue: 0.902, alpha: 1)
+    public static let colorCoreTeal300 = UIColor(red: 0.490, green: 0.918, blue: 0.835, alpha: 1)
+    public static let colorCoreTeal400 = UIColor(red: 0.141, green: 0.878, blue: 0.773, alpha: 1)
+    public static let colorCoreTeal500 = UIColor(red: 0.031, green: 0.769, blue: 0.698, alpha: 1)
+    public static let colorCoreTeal600 = UIColor(red: 0.000, green: 0.663, blue: 0.612, alpha: 1)
+    public static let colorCoreTeal700 = UIColor(red: 0.043, green: 0.588, blue: 0.561, alpha: 1)
+    public static let colorCoreTeal800 = UIColor(red: 0.024, green: 0.486, blue: 0.486, alpha: 1)
+    public static let colorCoreTeal900 = UIColor(red: 0.008, green: 0.400, blue: 0.380, alpha: 1)
+    public static let colorCoreTeal1000 = UIColor(red: 0.031, green: 0.247, blue: 0.247, alpha: 1)
+    public static let colorCoreTeal1100 = UIColor(red: 0.000, green: 0.145, blue: 0.157, alpha: 1)
+    public static let colorCoreAqua0 = UIColor(red: 0.851, green: 0.988, blue: 0.984, alpha: 1)
+    public static let colorCoreAqua100 = UIColor(red: 0.773, green: 0.976, blue: 0.976, alpha: 1)
+    public static let colorCoreAqua200 = UIColor(red: 0.647, green: 0.949, blue: 0.949, alpha: 1)
+    public static let colorCoreAqua300 = UIColor(red: 0.463, green: 0.898, blue: 0.886, alpha: 1)
+    public static let colorCoreAqua400 = UIColor(red: 0.200, green: 0.839, blue: 0.886, alpha: 1)
+    public static let colorCoreAqua500 = UIColor(red: 0.090, green: 0.722, blue: 0.808, alpha: 1)
+    public static let colorCoreAqua600 = UIColor(red: 0.027, green: 0.592, blue: 0.682, alpha: 1)
+    public static let colorCoreAqua700 = UIColor(red: 0.043, green: 0.522, blue: 0.600, alpha: 1)
+    public static let colorCoreAqua800 = UIColor(red: 0.059, green: 0.431, blue: 0.518, alpha: 1)
+    public static let colorCoreAqua900 = UIColor(red: 0.012, green: 0.369, blue: 0.451, alpha: 1)
+    public static let colorCoreAqua1000 = UIColor(red: 0.031, green: 0.239, blue: 0.310, alpha: 1)
+    public static let colorCoreAqua1100 = UIColor(red: 0.000, green: 0.157, blue: 0.220, alpha: 1)
+    public static let colorCoreBlue0 = UIColor(red: 0.914, green: 0.973, blue: 1.000, alpha: 1)
+    public static let colorCoreBlue100 = UIColor(red: 0.863, green: 0.949, blue: 1.000, alpha: 1)
+    public static let colorCoreBlue200 = UIColor(red: 0.780, green: 0.894, blue: 0.976, alpha: 1)
+    public static let colorCoreBlue300 = UIColor(red: 0.631, green: 0.824, blue: 0.973, alpha: 1)
+    public static let colorCoreBlue400 = UIColor(red: 0.337, green: 0.678, blue: 0.961, alpha: 1)
+    public static let colorCoreBlue500 = UIColor(red: 0.220, green: 0.588, blue: 0.890, alpha: 1)
+    public static let colorCoreBlue600 = UIColor(red: 0.169, green: 0.529, blue: 0.827, alpha: 1)
+    public static let colorCoreBlue700 = UIColor(red: 0.125, green: 0.475, blue: 0.765, alpha: 1)
+    public static let colorCoreBlue800 = UIColor(red: 0.067, green: 0.427, blue: 0.667, alpha: 1)
+    public static let colorCoreBlue900 = UIColor(red: 0.047, green: 0.337, blue: 0.537, alpha: 1)
+    public static let colorCoreBlue1000 = UIColor(red: 0.039, green: 0.224, blue: 0.376, alpha: 1)
+    public static let colorCoreBlue1100 = UIColor(red: 0.000, green: 0.129, blue: 0.220, alpha: 1)
+    public static let colorCorePurple0 = UIColor(red: 0.949, green: 0.949, blue: 0.976, alpha: 1)
+    public static let colorCorePurple100 = UIColor(red: 0.918, green: 0.918, blue: 0.976, alpha: 1)
+    public static let colorCorePurple200 = UIColor(red: 0.847, green: 0.843, blue: 0.976, alpha: 1)
+    public static let colorCorePurple300 = UIColor(red: 0.757, green: 0.757, blue: 0.969, alpha: 1)
+    public static let colorCorePurple400 = UIColor(red: 0.631, green: 0.576, blue: 0.949, alpha: 1)
+    public static let colorCorePurple500 = UIColor(red: 0.569, green: 0.502, blue: 0.957, alpha: 1)
+    public static let colorCorePurple600 = UIColor(red: 0.506, green: 0.435, blue: 0.918, alpha: 1)
+    public static let colorCorePurple700 = UIColor(red: 0.435, green: 0.369, blue: 0.827, alpha: 1)
+    public static let colorCorePurple800 = UIColor(red: 0.369, green: 0.306, blue: 0.729, alpha: 1)
+    public static let colorCorePurple900 = UIColor(red: 0.282, green: 0.227, blue: 0.612, alpha: 1)
+    public static let colorCorePurple1000 = UIColor(red: 0.176, green: 0.141, blue: 0.420, alpha: 1)
+    public static let colorCorePurple1100 = UIColor(red: 0.114, green: 0.114, blue: 0.220, alpha: 1)
+    public static let colorCoreMagenta0 = UIColor(red: 0.996, green: 0.941, blue: 1.000, alpha: 1)
+    public static let colorCoreMagenta100 = UIColor(red: 0.976, green: 0.890, blue: 0.988, alpha: 1)
+    public static let colorCoreMagenta200 = UIColor(red: 0.957, green: 0.769, blue: 0.969, alpha: 1)
+    public static let colorCoreMagenta300 = UIColor(red: 0.929, green: 0.678, blue: 0.949, alpha: 1)
+    public static let colorCoreMagenta400 = UIColor(red: 0.949, green: 0.510, blue: 0.961, alpha: 1)
+    public static let colorCoreMagenta500 = UIColor(red: 0.859, green: 0.380, blue: 0.859, alpha: 1)
+    public static let colorCoreMagenta600 = UIColor(red: 0.769, green: 0.306, blue: 0.725, alpha: 1)
+    public static let colorCoreMagenta700 = UIColor(red: 0.675, green: 0.267, blue: 0.659, alpha: 1)
+    public static let colorCoreMagenta800 = UIColor(red: 0.561, green: 0.220, blue: 0.588, alpha: 1)
+    public static let colorCoreMagenta900 = UIColor(red: 0.424, green: 0.133, blue: 0.467, alpha: 1)
+    public static let colorCoreMagenta1000 = UIColor(red: 0.271, green: 0.082, blue: 0.318, alpha: 1)
+    public static let colorCoreMagenta1100 = UIColor(red: 0.161, green: 0.098, blue: 0.176, alpha: 1)
+    public static let colorCorePink0 = UIColor(red: 1.000, green: 0.914, blue: 0.953, alpha: 1)
+    public static let colorCorePink100 = UIColor(red: 0.988, green: 0.859, blue: 0.922, alpha: 1)
+    public static let colorCorePink200 = UIColor(red: 1.000, green: 0.710, blue: 0.835, alpha: 1)
+    public static let colorCorePink300 = UIColor(red: 1.000, green: 0.584, blue: 0.757, alpha: 1)
+    public static let colorCorePink400 = UIColor(red: 1.000, green: 0.463, blue: 0.682, alpha: 1)
+    public static let colorCorePink500 = UIColor(red: 0.937, green: 0.345, blue: 0.545, alpha: 1)
+    public static let colorCorePink600 = UIColor(red: 0.878, green: 0.267, blue: 0.486, alpha: 1)
+    public static let colorCorePink700 = UIColor(red: 0.808, green: 0.212, blue: 0.396, alpha: 1)
+    public static let colorCorePink800 = UIColor(red: 0.698, green: 0.184, blue: 0.357, alpha: 1)
+    public static let colorCorePink900 = UIColor(red: 0.576, green: 0.094, blue: 0.278, alpha: 1)
+    public static let colorCorePink1000 = UIColor(red: 0.337, green: 0.071, blue: 0.192, alpha: 1)
+    public static let colorCorePink1100 = UIColor(red: 0.169, green: 0.090, blue: 0.129, alpha: 1)
+    public static let colorCoreRed0 = UIColor(red: 1.000, green: 0.918, blue: 0.914, alpha: 1)
+    public static let colorCoreRed100 = UIColor(red: 1.000, green: 0.835, blue: 0.824, alpha: 1)
+    public static let colorCoreRed200 = UIColor(red: 1.000, green: 0.722, blue: 0.694, alpha: 1)
+    public static let colorCoreRed300 = UIColor(red: 1.000, green: 0.612, blue: 0.561, alpha: 1)
+    public static let colorCoreRed400 = UIColor(red: 1.000, green: 0.498, blue: 0.431, alpha: 1)
+    public static let colorCoreRed500 = UIColor(red: 0.969, green: 0.376, blue: 0.329, alpha: 1)
+    public static let colorCoreRed600 = UIColor(red: 0.929, green: 0.298, blue: 0.259, alpha: 1)
+    public static let colorCoreRed700 = UIColor(red: 0.859, green: 0.243, blue: 0.243, alpha: 1)
+    public static let colorCoreRed800 = UIColor(red: 0.776, green: 0.204, blue: 0.204, alpha: 1)
+    public static let colorCoreRed900 = UIColor(red: 0.600, green: 0.133, blue: 0.133, alpha: 1)
+    public static let colorCoreRed1000 = UIColor(red: 0.427, green: 0.075, blue: 0.075, alpha: 1)
+    public static let colorCoreRed1100 = UIColor(red: 0.169, green: 0.067, blue: 0.067, alpha: 1)
+    public static let colorCoreOrange0 = UIColor(red: 1.000, green: 0.929, blue: 0.890, alpha: 1)
+    public static let colorCoreOrange100 = UIColor(red: 0.988, green: 0.863, blue: 0.800, alpha: 1)
+    public static let colorCoreOrange200 = UIColor(red: 1.000, green: 0.776, blue: 0.643, alpha: 1)
+    public static let colorCoreOrange300 = UIColor(red: 1.000, green: 0.694, blue: 0.502, alpha: 1)
+    public static let colorCoreOrange400 = UIColor(red: 1.000, green: 0.612, blue: 0.365, alpha: 1)
+    public static let colorCoreOrange500 = UIColor(red: 0.988, green: 0.537, blue: 0.263, alpha: 1)
+    public static let colorCoreOrange600 = UIColor(red: 0.961, green: 0.490, blue: 0.200, alpha: 1)
+    public static let colorCoreOrange700 = UIColor(red: 0.929, green: 0.439, blue: 0.141, alpha: 1)
+    public static let colorCoreOrange800 = UIColor(red: 0.808, green: 0.333, blue: 0.067, alpha: 1)
+    public static let colorCoreOrange900 = UIColor(red: 0.588, green: 0.173, blue: 0.043, alpha: 1)
+    public static let colorCoreOrange1000 = UIColor(red: 0.376, green: 0.090, blue: 0.000, alpha: 1)
+    public static let colorCoreOrange1100 = UIColor(red: 0.176, green: 0.075, blue: 0.055, alpha: 1)
+    public static let colorCoreNeutral0 = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
+    public static let colorCoreNeutral100 = UIColor(red: 0.953, green: 0.957, blue: 0.957, alpha: 1)
+    public static let colorCoreNeutral200 = UIColor(red: 0.871, green: 0.882, blue: 0.882, alpha: 1)
+    public static let colorCoreNeutral300 = UIColor(red: 0.784, green: 0.800, blue: 0.800, alpha: 1)
+    public static let colorCoreNeutral400 = UIColor(red: 0.690, green: 0.714, blue: 0.718, alpha: 1)
+    public static let colorCoreNeutral500 = UIColor(red: 0.573, green: 0.604, blue: 0.608, alpha: 1)
+    public static let colorCoreNeutral600 = UIColor(red: 0.431, green: 0.475, blue: 0.478, alpha: 1)
+    public static let colorCoreNeutral700 = UIColor(red: 0.318, green: 0.369, blue: 0.373, alpha: 1)
+    public static let colorCoreNeutral800 = UIColor(red: 0.212, green: 0.255, blue: 0.255, alpha: 1)
+    public static let colorCoreNeutral900 = UIColor(red: 0.153, green: 0.200, blue: 0.200, alpha: 1)
+    public static let colorCoreNeutral1000 = UIColor(red: 0.086, green: 0.125, blue: 0.125, alpha: 1)
+    public static let colorCoreNeutral1100 = UIColor(red: 0.016, green: 0.016, blue: 0.016, alpha: 1)
+    public static let colorCoreYellow0 = UIColor(red: 1.000, green: 0.973, blue: 0.886, alpha: 1)
+    public static let colorCoreYellow100 = UIColor(red: 0.992, green: 0.937, blue: 0.804, alpha: 1)
+    public static let colorCoreYellow200 = UIColor(red: 1.000, green: 0.914, blue: 0.604, alpha: 1)
+    public static let colorCoreYellow300 = UIColor(red: 1.000, green: 0.882, blue: 0.431, alpha: 1)
+    public static let colorCoreYellow400 = UIColor(red: 1.000, green: 0.851, blue: 0.263, alpha: 1)
+    public static let colorCoreYellow500 = UIColor(red: 1.000, green: 0.804, blue: 0.110, alpha: 1)
+    public static let colorCoreYellow600 = UIColor(red: 1.000, green: 0.737, blue: 0.000, alpha: 1)
+    public static let colorCoreYellow700 = UIColor(red: 0.867, green: 0.600, blue: 0.012, alpha: 1)
+    public static let colorCoreYellow800 = UIColor(red: 0.729, green: 0.459, blue: 0.024, alpha: 1)
+    public static let colorCoreYellow900 = UIColor(red: 0.580, green: 0.298, blue: 0.047, alpha: 1)
+    public static let colorCoreYellow1000 = UIColor(red: 0.329, green: 0.165, blue: 0.000, alpha: 1)
+    public static let colorCoreYellow1100 = UIColor(red: 0.176, green: 0.102, blue: 0.020, alpha: 1)
+    public static let sizeBorderRadiusLarge = CGFloat(480.00)
+    public static let sizeFontSmall = CGFloat(12.00)
+    public static let sizeFontMedium = CGFloat(16.00)
+    public static let sizeFontLarge = CGFloat(24.00)
+    public static let sizeFontXl = CGFloat(36.00)
+    public static let sizePaddingSmall = CGFloat(8.00)
+    public static let sizePaddingMedium = CGFloat(16.00)
+    public static let sizePaddingLarge = CGFloat(16.00)
+    public static let sizePaddingXl = CGFloat(16.00)
     public static let colorBackgroundPrimary = colorCoreNeutral0
-    public static let colorFontInteractiveDisabled = colorFontTertiary
-    public static let colorFontInteractiveActive = colorBrandSecondary
-    public static let colorFontInteractiveHover = colorBrandPrimary
-    public static let colorFontInteractive = colorBrandPrimary
+    public static let colorBackgroundSecondary = colorCoreNeutral100
+    public static let colorBackgroundTertiary = colorCoreNeutral200
+    public static let colorBackgroundDanger = colorCoreRed0
+    public static let colorBackgroundWarning = colorCoreOrange0
+    public static let colorBackgroundSuccess = colorCoreGreen0
+    public static let colorBackgroundInfo = colorCoreBlue0
+    public static let colorBorderPrimary = colorCoreNeutral300
+    public static let colorBrandPrimary = colorCoreAqua700
+    public static let colorBrandSecondary = colorCorePurple700
+    public static let colorFontPrimary = colorCoreNeutral1100
+    public static let colorFontSecondary = colorCoreNeutral900
+    public static let colorFontTertiary = colorCoreNeutral800
+    public static let colorFontDanger = colorCoreRed1000
+    public static let colorFontWarning = colorCoreOrange1000
+    public static let colorFontSuccess = colorCoreGreen1000
     public static let colorBackgroundDisabled = colorBackgroundTertiary
+    public static let colorFontInteractive = colorBrandPrimary
+    public static let colorFontInteractiveHover = colorBrandPrimary
+    public static let colorFontInteractiveActive = colorBrandSecondary
+    public static let colorFontInteractiveDisabled = colorFontTertiary
 }`;
 /* end snapshot integration swift ios-swift/class.swift with references should match snapshot */
 
diff --git a/__tests__/common/formatHelpers/sortByReference.test.js b/__tests__/common/formatHelpers/sortByReference.test.js
index 5da5e75c..0bc3e270 100644
--- a/__tests__/common/formatHelpers/sortByReference.test.js
+++ b/__tests__/common/formatHelpers/sortByReference.test.js
@@ -27,6 +27,14 @@ const TRANSFORMED_TOKENS = (usesDtcg) => {
           [typeKey]: 'color',
         },
       },
+      green: {
+        [valueKey]: '#00FF00',
+        [typeKey]: 'color',
+        original: {
+          [valueKey]: '#00FF00',
+          [typeKey]: 'color',
+        },
+      },
       red: {
         [valueKey]: '#FF0000',
         [typeKey]: 'color',
@@ -46,6 +54,17 @@ describe('common', () => {
         ['default', false, TRANSFORMED_TOKENS(false)],
         ['dtcg', true, TRANSFORMED_TOKENS(true)],
       ].forEach(([tokenFormat, usesDtcg, tokens]) => {
+        it(`should keep order when idx0 and idx1 have no reference(${tokenFormat})`, () => {
+          const allTokens = [tokens.color.green, tokens.color.red];
+
+          const sorted = [...allTokens].sort(
+            sortByReference(tokens, {
+              usesDtcg,
+            }),
+          );
+
+          expect(sorted).to.eql([tokens.color.green, tokens.color.red]);
+        });
         it(`should keep order when idx0 has no reference(${tokenFormat})`, () => {
           const allTokens = [tokens.color.red, tokens.color.primary];
 
diff --git a/lib/common/formatHelpers/sortByReference.js b/lib/common/formatHelpers/sortByReference.js
index 732eb08b..d782f2fa 100644
--- a/lib/common/formatHelpers/sortByReference.js
+++ b/lib/common/formatHelpers/sortByReference.js
@@ -88,8 +88,13 @@ export default function sortByReference(tokens, { unfilteredTokens, usesDtcg } =
       return B_COMES_FIRST;
     }
 
-    // 'a' doesn't reference. It should come first regardless of 'b'
-    return A_COMES_FIRST;
+    // 'b' references, 'a' doesn't -> 'a' should come first
+    if (bUsesRefs) {
+      return A_COMES_FIRST;
+    }
+
+    // no references, keep existing order
+    return 0;
   }
 
   return sorter;