brandonsupernova · supernovaio · Mar 5, 2026 · Mar 5, 2026 · Mar 5, 2026 · Mar 5, 2026
diff --git a/base/border-radius.css b/base/border-radius.css
@@ -5,11 +5,11 @@
 
 :root {
   /* No radius */
-  --borderradiusborderradiusnone: 0px;
-  --borderradiusborderradiussmall: 3px;
-  --borderradiusborderradiusdefault: 5px;
-  --borderradiusborderradiusmedium: 7px;
-  --borderradiusborderradiuslarge: 12px;
+  --dsprimary-border-radius-border-radius-none: 0px;
+  --dsprimary-border-radius-border-radius-small: 3px;
+  --dsprimary-border-radius-border-radius-default: 5px;
+  --dsprimary-border-radius-border-radius-medium: 7px;
+  --dsprimary-border-radius-border-radius-large: 12px;
   /* Essentially a circle */
-  --borderradiusborderradiusfull: 999px;
+  --dsprimary-border-radius-border-radius-full: 999px;
 }
diff --git a/base/color.css b/base/color.css
diff --git a/base/dimension.css b/base/dimension.css
@@ -4,7 +4,7 @@
  */
 
 :root {
-  --dimensionspacingsemanticstackgap: 1px;
-  --dimensionshadowfocusringwidth: 3px;
-  --dimensionfontweightbold: 640px;
+  --dsprimary-dimension-spacing-semantic-stack-gap: 1px;
+  --dsprimary-dimension-shadow-focus-ring-width: 3px;
+  --dsprimary-dimension-font-weight-bold: 640px;
 }
diff --git a/base/font-family.css b/base/font-family.css
@@ -4,5 +4,5 @@
  */
 
 :root {
-  --fontfamilyfontfamilydefault: "Inter";
+  --dsprimary-font-family-font-family-default: "Inter";
 }
diff --git a/base/font-size.css b/base/font-size.css
@@ -4,5 +4,5 @@
  */
 
 :root {
-  --fontsizetitle1fontsize: 32px;
+  --dsprimary-font-size-title-1-font-size: 32px;
 }
diff --git a/base/font-weight.css b/base/font-weight.css
@@ -0,0 +1,8 @@
+/**
+ * This file was generated automatically by Supernova.io and should not be changed manually.
+ * To modify the format or content of this file, please contact your design system team. 
+ */
+
+:root {
+  --fontweightnamingishard: 400;
+}
diff --git a/base/gradient.css b/base/gradient.css
@@ -0,0 +1,9 @@
+/**
+ * This file was generated automatically by Supernova.io and should not be changed manually.
+ * To modify the format or content of this file, please contact your design system team. 
+ */
+
+:root {
+  --gradientstory: linear-gradient(-135deg, #7638fa 0%, #d300c5 17%, #ff0069 36%, #ff7a00 62.5%, #ffd600 83.5%);
+  --gradientscrim: linear-gradient(-179.9427042395855deg, #000000 0%, #00000066 47.14%, #00000000 100%);
+}
diff --git a/base/line-height.css b/base/line-height.css
@@ -4,5 +4,5 @@
  */
 
 :root {
-  --lineheighttitle1lineheight: 40px;
+  --dsprimary-line-height-title-1-line-height: 40px;
 }
diff --git a/base/opacity.css b/base/opacity.css
@@ -4,5 +4,5 @@
  */
 
 :root {
-  --opacityopacitydisabled: 0.5;
+  --dsprimary-opacity-disabled: 0.5;
 }
diff --git a/base/shadow.css b/base/shadow.css
@@ -0,0 +1,8 @@
+/**
+ * This file was generated automatically by Supernova.io and should not be changed manually.
+ * To modify the format or content of this file, please contact your design system team. 
+ */
+
+:root {
+  --shadowblue: 0px 4px 4px 0px var(--colorforegroundprimary);
+}
diff --git a/base/size.css b/base/size.css
@@ -0,0 +1,10 @@
+/**
+ * This file was generated automatically by Supernova.io and should not be changed manually.
+ * To modify the format or content of this file, please contact your design system team. 
+ */
+
+:root {
+  --sizedimensionsdefault: 36px;
+  --sizedimensionssmall: 28px;
+  --sizedimensionslarge: 44px;
+}
diff --git a/base/space.css b/base/space.css
@@ -4,16 +4,16 @@
  */
 
 :root {
-  --spacespacing0: 0px;
-  --spacespacing2: 2px;
-  --spacespacing4: 4px;
-  --spacespacing8: 8px;
-  --spacespacing12: 12px;
-  --spacespacing16: 16px;
-  --spacespacing20: 20px;
-  --spacespacing24: 24px;
-  --spacespacing28: 28px;
-  --spacespacing32: 32px;
-  --spacespacing36: 36px;
-  --spacespacing40: 40px;
+  --dsprimary-space-spacing-0: 0px;
+  --dsprimary-space-spacing-2: 2px;
+  --dsprimary-space-spacing-4: 4px;
+  --dsprimary-space-spacing-8: 8px;
+  --dsprimary-space-spacing-12: 12px;
+  --dsprimary-space-spacing-16: 16px;
+  --dsprimary-space-spacing-20: 20px;
+  --dsprimary-space-spacing-24: 24px;
+  --dsprimary-space-spacing-28: 28px;
+  --dsprimary-space-spacing-32: 32px;
+  --dsprimary-space-spacing-36: 36px;
+  --dsprimary-space-spacing-40: 40px;
 }
diff --git a/base/string.css b/base/string.css
@@ -4,5 +4,5 @@
  */
 
 :root {
-  --stringfontfamily: "Inter";
+  --dsprimary-string-font-family: "Inter";
 }
diff --git a/base/typography.css b/base/typography.css
@@ -4,20 +4,20 @@
  */
 
 :root {
-  --typographyh1: 700 57px/64px "Advent Pro";
-  --typographyh2: 700 43px/50px "Advent Pro";
-  --typographyh3: 700 32px/40px "Advent Pro";
-  --typographyh4: 700 24px/32px "Advent Pro";
-  --typographyh5: 700 21px/29px "Advent Pro";
-  --typographylargelead: 400 24px/32px "Advent Pro";
-  --typographymediumlead: 400 21px/29px "Advent Pro";
-  --typographybuttonlabel: 400 21px/29px "Advent Pro";
-  --typographyparagraph: 400 18px/26px "Advent Pro";
-  --typographysmallparagraph: 400 16px/24px "Advent Pro";
-  --typographytinyparagraph: 400 12px/24px "Advent Pro";
-  --typographysale: 700 24px/32px "Advent Pro";
+  --dsprimary-typography-h1: 700 57px/64px "Advent Pro";
+  --dsprimary-typography-h2: 700 43px/50px "Advent Pro";
+  --dsprimary-typography-h3: 700 32px/40px "Advent Pro";
+  --dsprimary-typography-h4: 700 24px/32px "Advent Pro";
+  --dsprimary-typography-h5: 700 21px/29px "Advent Pro";
+  --dsprimary-typography-large-lead: 400 24px/32px "Advent Pro";
+  --dsprimary-typography-medium-lead: 400 21px/29px "Advent Pro";
+  --dsprimary-typography-button-label: 400 21px/29px "Advent Pro";
+  --dsprimary-typography-paragraph: 400 18px/26px "Advent Pro";
+  --dsprimary-typography-small-paragraph: 400 16px/24px "Advent Pro";
+  --dsprimary-typography-tiny-paragraph: 400 12px/24px "Advent Pro";
+  --dsprimary-typography-sale: 700 24px/32px "Advent Pro";
   /* typewriter font test */
-  --typographyimpactlabel: 400 13px "Impact Label";
+  --dsprimary-typography-impact-label: 400 13px "Impact Label";
   /* importing test */
-  --typographypoppins: 400 13px "Poppins";
+  --dsprimary-typography-poppins: 400 13px "Poppins";
 }
diff --git a/base/z-index.css b/base/z-index.css
@@ -0,0 +1,8 @@
+/**
+ * This file was generated automatically by Supernova.io and should not be changed manually.
+ * To modify the format or content of this file, please contact your design system team. 
+ */
+
+:root {
+  --zindexzindexbase: 100;
+}
diff --git a/dark-d38a/border-radius.css b/dark-d38a/border-radius.css
@@ -5,11 +5,11 @@
 
 .theme-dark-d38a {
   /* No radius */
-  --borderradiusborderradiusnone: 0px;
-  --borderradiusborderradiussmall: 3px;
-  --borderradiusborderradiusdefault: 5px;
-  --borderradiusborderradiusmedium: 7px;
-  --borderradiusborderradiuslarge: 12px;
+  --dsprimary-border-radius-border-radius-none: 0px;
+  --dsprimary-border-radius-border-radius-small: 3px;
+  --dsprimary-border-radius-border-radius-default: 5px;
+  --dsprimary-border-radius-border-radius-medium: 7px;
+  --dsprimary-border-radius-border-radius-large: 12px;
   /* Essentially a circle */
-  --borderradiusborderradiusfull: 999px;
+  --dsprimary-border-radius-border-radius-full: 999px;
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -4,5 +4,5 @@ @@
      */
     :root {
-      --fontfamilyfontfamilydefault: "Inter";
+      --dsprimary-font-family-font-family-default: "Inter";
     }