diff --git a/src/components/Tabs/Tabs.stories.tsx b/src/components/Tabs/Tabs.stories.tsx
index 730d7364..42aca91e 100644
--- a/src/components/Tabs/Tabs.stories.tsx
+++ b/src/components/Tabs/Tabs.stories.tsx
@@ -1,4 +1,4 @@
-import { Tabs } from "@/components";
+import { Spacer, Tabs, Text } from "@/components";
 import type { StoryObj } from "@storybook/react";
 
 export default {
@@ -21,24 +21,33 @@ export const Playground: Story = {
             value="tab1"
             key="tab1"
           >
-            tab1
+            Tab 1
           </Tabs.Trigger>
           <Tabs.Trigger
             value="tab2"
             key="tab2"
           >
-            tab2
+            Tab 2
           </Tabs.Trigger>
           <Tabs.Trigger
             value="tab3"
             key="tab3"
           >
-            tab3
+            Tab 3
           </Tabs.Trigger>
         </Tabs.TriggersList>
-        <Tabs.Content value="tab1">Tab 1 content</Tabs.Content>
-        <Tabs.Content value="tab2">Tab 2 content</Tabs.Content>
-        <Tabs.Content value="tab3">Tab 3 content</Tabs.Content>
+        <Tabs.Content value="tab1">
+          <Spacer />
+          <Text>Tab 1 content</Text>
+        </Tabs.Content>
+        <Tabs.Content value="tab2">
+          <Spacer />
+          <Text>Tab 2 content</Text>
+        </Tabs.Content>
+        <Tabs.Content value="tab3">
+          <Spacer />
+          <Text>Tab 3 content</Text>
+        </Tabs.Content>
       </>
     ),
   },
diff --git a/src/components/Tabs/Tabs.tsx b/src/components/Tabs/Tabs.tsx
index 391d851b..0df364fe 100644
--- a/src/components/Tabs/Tabs.tsx
+++ b/src/components/Tabs/Tabs.tsx
@@ -22,38 +22,38 @@ const Trigger = styled(RadixTabs.Trigger)`
   border-top-left-radius: ${props => props.theme.click.tabs.radii.all};
   border-top-right-radius: ${props => props.theme.click.tabs.radii.all};
 
-  border-bottom: ${props => props.theme.click.tabs.basic.stroke.default};
-  background-color: ${props =>
-    props.theme.click.tabs.basic.color.background.default};
+  border-bottom: 2px solid ${props => props.theme.click.tabs.basic.stroke.default};
+  background-color: ${props => props.theme.click.tabs.basic.color.background.default};
   color: ${props => props.theme.click.tabs.basic.color.text.default};
   font: ${props => props.theme.click.tabs.typography.label.default};
   cursor: pointer;
 
   &[data-state="active"] {
-    border-bottom: ${props => props.theme.click.tabs.basic.stroke.active};
-    background-color: ${props =>
-      props.theme.click.tabs.basic.color.background.active};
+    border-bottom: 2px solid ${props => props.theme.click.tabs.basic.color.stroke.active};
+    background-color: ${props => props.theme.click.tabs.basic.color.background.active};
     color: ${props => props.theme.click.tabs.basic.color.text.active};
     font: ${props => props.theme.click.tabs.typography.label.active};
+    &:hover {
+      font: ${props => props.theme.click.tabs.typography.label.active};
+    }
   }
 
   &:hover {
-    border-bottom: ${props => props.theme.click.tabs.basic.stroke.hover};
-    background-color: ${props =>
-      props.theme.click.tabs.basic.color.background.hover};
+    border-bottom: 2px solid ${props => props.theme.click.tabs.basic.stroke.hover};
+    background-color: ${props => props.theme.click.tabs.basic.color.background.hover};
     color: ${props => props.theme.click.tabs.basic.color.text.hover};
     font: ${props => props.theme.click.tabs.typography.label.hover};
   }
 
   &:hover[data-state="active"] {
-    border-bottom: ${props => props.theme.click.tabs.basic.stroke.active};
+    border-bottom: 2px solid ${props => props.theme.click.tabs.basic.stroke.active};
   }
 `;
 
 const Content = styled(RadixTabs.Content)``;
 
 const TriggersList = styled(RadixTabs.List)`
-  border-bottom: ${props => props.theme.click.tabs.basic.stroke.global};
+  border-bottom: 1px solid ${props => props.theme.click.global.color.stroke.default};
 `;
 
 const Tabs = ({
diff --git a/src/styles/types.ts b/src/styles/types.ts
index 4a08d9d0..50ed59f9 100644
--- a/src/styles/types.ts
+++ b/src/styles/types.ts
@@ -804,30 +804,60 @@
             "disabled": string
           }
         },
-        "color": {
-          "background": {
-            "default": string,
-            "hover": string,
-            "active": string,
-            "disabled": string
-          },
-          "title": {
-            "default": string,
-            "hover": string,
-            "active": string,
-            "disabled": string
-          },
-          "description": {
-            "default": string,
-            "hover": string,
-            "active": string,
-            "disabled": string
-          },
-          "stroke": {
-            "default": string,
-            "hover": string,
-            "active": string,
-            "disabled": string
+        "default": {
+          "color": {
+            "background": {
+              "default": string,
+              "hover": string,
+              "active": string,
+              "disabled": string
+            },
+            "title": {
+              "default": string,
+              "hover": string,
+              "active": string,
+              "disabled": string
+            },
+            "description": {
+              "default": string,
+              "hover": string,
+              "active": string,
+              "disabled": string
+            },
+            "stroke": {
+              "default": string,
+              "hover": string,
+              "active": string,
+              "disabled": string
+            }
+          }
+        },
+        "muted": {
+          "color": {
+            "background": {
+              "default": string,
+              "hover": string,
+              "active": string,
+              "disabled": string
+            },
+            "title": {
+              "default": string,
+              "hover": string,
+              "active": string,
+              "disabled": string
+            },
+            "description": {
+              "default": string,
+              "hover": string,
+              "active": string,
+              "disabled": string
+            },
+            "stroke": {
+              "default": string,
+              "hover": string,
+              "active": string,
+              "disabled": string
+            }
           }
         }
       }
@@ -2186,6 +2216,36 @@
     }
   },
   "name": string,
+  "global": {
+    "color": {
+      "background": {
+        "default": string,
+        "muted": string
+      },
+      "text": {
+        "default": string,
+        "muted": string,
+        "link": {
+          "default": string,
+          "hover": string
+        }
+      },
+      "stroke": {
+        "default": string,
+        "muted": string,
+        "intense": string
+      },
+      "accent": {
+        "default": string
+      },
+      "outline": {
+        "default": string
+      },
+      "shadow": {
+        "default": string
+      }
+    }
+  },
   "palette": {
     "brand": {
       "50": string,
diff --git a/src/styles/variables.classic.json b/src/styles/variables.classic.json
index 0fb80f7d..c1071834 100644
--- a/src/styles/variables.classic.json
+++ b/src/styles/variables.classic.json
@@ -264,6 +264,92 @@
             "disabled": "#a0a0a0"
           }
         }
+      },
+      "primary": {
+        "color": {
+          "background": {
+            "default": "#ffffff",
+            "hover": "#f6f7fa",
+            "active": "lch(92.4 1.49 272)",
+            "disabled": "#dfdfdf"
+          },
+          "title": {
+            "default": "#161517",
+            "hover": "#161517",
+            "active": "#161517",
+            "disabled": "#a0a0a0"
+          },
+          "description": {
+            "default": "#696e79",
+            "hover": "#696e79",
+            "active": "#696e79",
+            "disabled": "#a0a0a0"
+          },
+          "stroke": {
+            "default": "lch(91.6 1.1 266)",
+            "hover": "lch(91.6 1.1 266)",
+            "active": "#151515",
+            "disabled": "#dfdfdf"
+          }
+        }
+      },
+      "horizontal": {
+        "default": {
+          "color": {
+            "background": {
+              "default": "#ffffff",
+              "hover": "#f6f7fa",
+              "active": "#f6f7fa",
+              "disabled": "#dfdfdf"
+            },
+            "title": {
+              "default": "#161517",
+              "hover": "#161517",
+              "active": "#161517",
+              "disabled": "#a0a0a0"
+            },
+            "description": {
+              "default": "#696e79",
+              "hover": "#696e79",
+              "active": "#696e79",
+              "disabled": "#a0a0a0"
+            },
+            "stroke": {
+              "default": "lch(91.6 1.1 266)",
+              "hover": "lch(91.6 1.1 266)",
+              "active": "#151515",
+              "disabled": "#dfdfdf"
+            }
+          }
+        },
+        "muted": {
+          "color": {
+            "background": {
+              "default": "#f6f7fa",
+              "hover": "#ffffff",
+              "active": "#f6f7fa",
+              "disabled": "#dfdfdf"
+            },
+            "title": {
+              "default": "#161517",
+              "hover": "#161517",
+              "active": "#161517",
+              "disabled": "#a0a0a0"
+            },
+            "description": {
+              "default": "#696e79",
+              "hover": "#696e79",
+              "active": "#696e79",
+              "disabled": "#a0a0a0"
+            },
+            "stroke": {
+              "default": "lch(91.6 1.1 266)",
+              "hover": "lch(91.6 1.1 266)",
+              "active": "#151515",
+              "disabled": "#dfdfdf"
+            }
+          }
+        }
       }
     },
     "sidebar": {
@@ -397,6 +483,49 @@
         }
       }
     },
+    "tabs": {
+      "basic": {
+        "color": {
+          "background": {
+            "default": "rgba(0,0,0,0)",
+            "hover": "#f6f7fa",
+            "active": "rgba(0,0,0,0)"
+          },
+          "text": {
+            "default": "#696e79",
+            "hover": "#161517",
+            "active": "#161517"
+          },
+          "stroke": {
+            "default": "rgba(0,0,0,0)",
+            "hover": "rgba(0,0,0,0)",
+            "active": "#FFC029"
+          },
+          "global": {
+            "default": "lch(91.6 1.1 266)"
+          }
+        }
+      },
+      "fileTabs": {
+        "color": {
+          "background": {
+            "default": "#f6f7fa",
+            "hover": "#ffffff",
+            "active": "#ffffff"
+          },
+          "text": {
+            "default": "#696e79",
+            "hover": "#161517",
+            "active": "#161517"
+          },
+          "stroke": {
+            "default": "lch(91.6 1.1 266)",
+            "hover": "lch(91.6 1.1 266)",
+            "active": "lch(91.6 1.1 266)"
+          }
+        }
+      }
+    },
     "flyout": {
       "color": {
         "background": {
@@ -432,5 +561,35 @@
       }
     }
   },
-  "name": "classic"
+  "name": "classic",
+  "global": {
+    "color": {
+      "background": {
+        "default": "#ffffff",
+        "muted": "#f6f7fa"
+      },
+      "text": {
+        "default": "#161517",
+        "muted": "#696e79",
+        "link": {
+          "default": "#C78F0F",
+          "hover": "#C78F0F"
+        }
+      },
+      "stroke": {
+        "default": "lch(91.6 1.1 266)",
+        "muted": "lch(91.6 1.1 266)",
+        "intense": "#b3b6bd"
+      },
+      "accent": {
+        "default": "#151515"
+      },
+      "outline": {
+        "default": "#C78F0F"
+      },
+      "shadow": {
+        "default": "lch(6.77 0 0 / 0.15)"
+      }
+    }
+  }
 }
\ No newline at end of file
diff --git a/src/styles/variables.dark.json b/src/styles/variables.dark.json
index 37ad990f..c44fb9e7 100644
--- a/src/styles/variables.dark.json
+++ b/src/styles/variables.dark.json
@@ -415,36 +415,66 @@
           "stroke": {
             "default": "lch(27.5 0 0 / 0.3)",
             "hover": "lch(27.5 0 0 / 0.3)",
-            "active": "lch(26.1 0 0 / 0.3)",
+            "active": "#FAFF69",
             "disabled": "#414141"
           }
         }
       },
       "horizontal": {
-        "color": {
-          "background": {
-            "default": "#1F1F1C",
-            "hover": "#282828",
-            "active": "lch(15.3 0 0)",
-            "disabled": "#414141"
-          },
-          "title": {
-            "default": "#ffffff",
-            "hover": "#ffffff",
-            "active": "#ffffff",
-            "disabled": "#808080"
-          },
-          "description": {
-            "default": "#b3b6bd",
-            "hover": "#b3b6bd",
-            "active": "#b3b6bd",
-            "disabled": "#808080"
-          },
-          "stroke": {
-            "default": "lch(27.5 0 0 / 0.3)",
-            "hover": "lch(27.5 0 0 / 0.3)",
-            "active": "lch(26.1 0 0 / 0.3)",
-            "disabled": "#414141"
+        "default": {
+          "color": {
+            "background": {
+              "default": "#1F1F1C",
+              "hover": "#282828",
+              "active": "#282828",
+              "disabled": "#414141"
+            },
+            "title": {
+              "default": "#ffffff",
+              "hover": "#ffffff",
+              "active": "#ffffff",
+              "disabled": "#808080"
+            },
+            "description": {
+              "default": "#b3b6bd",
+              "hover": "#b3b6bd",
+              "active": "#b3b6bd",
+              "disabled": "#808080"
+            },
+            "stroke": {
+              "default": "lch(27.5 0 0 / 0.3)",
+              "hover": "lch(27.5 0 0 / 0.3)",
+              "active": "#FAFF69",
+              "disabled": "#414141"
+            }
+          }
+        },
+        "muted": {
+          "color": {
+            "background": {
+              "default": "#282828",
+              "hover": "#1F1F1C",
+              "active": "#282828",
+              "disabled": "#414141"
+            },
+            "title": {
+              "default": "#ffffff",
+              "hover": "#ffffff",
+              "active": "#ffffff",
+              "disabled": "#808080"
+            },
+            "description": {
+              "default": "#b3b6bd",
+              "hover": "#b3b6bd",
+              "active": "#b3b6bd",
+              "disabled": "#808080"
+            },
+            "stroke": {
+              "default": "lch(27.5 0 0 / 0.3)",
+              "hover": "lch(27.5 0 0 / 0.3)",
+              "active": "#FAFF69",
+              "disabled": "#414141"
+            }
           }
         }
       }
@@ -1018,7 +1048,7 @@
           "default": "#b3b6bd"
         },
         "opaqueBackground": {
-          "default": "lch(97.9 0 0 / 0.45)"
+          "default": "lch(77.7 0 0 / 0.45)"
         }
       }
     },
@@ -1127,5 +1157,35 @@
       }
     }
   },
-  "name": "dark"
+  "name": "dark",
+  "global": {
+    "color": {
+      "background": {
+        "default": "#1F1F1C",
+        "muted": "#282828"
+      },
+      "text": {
+        "default": "#ffffff",
+        "muted": "#b3b6bd",
+        "link": {
+          "default": "#FAFF69",
+          "hover": "#feffba"
+        }
+      },
+      "stroke": {
+        "default": "lch(27.5 0 0 / 0.3)",
+        "muted": "lch(27.5 0 0 / 0.3)",
+        "intense": "#414141"
+      },
+      "accent": {
+        "default": "#FAFF69"
+      },
+      "outline": {
+        "default": "#FAFF69"
+      },
+      "shadow": {
+        "default": "lch(6.77 0 0 / 0.6)"
+      }
+    }
+  }
 }
\ No newline at end of file
diff --git a/src/styles/variables.json b/src/styles/variables.json
index b831a440..dc800273 100644
--- a/src/styles/variables.json
+++ b/src/styles/variables.json
@@ -779,7 +779,7 @@
           "stroke": {
             "default": "lch(91.6 1.1 266)",
             "hover": "lch(91.6 1.1 266)",
-            "active": "lch(87 1.05 266)",
+            "active": "#151515",
             "disabled": "#dfdfdf"
           }
         }
@@ -803,30 +803,60 @@
             "disabled": "400 0.875rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
           }
         },
-        "color": {
-          "background": {
-            "default": "#ffffff",
-            "hover": "#f6f7fa",
-            "active": "lch(92.4 1.49 272)",
-            "disabled": "#dfdfdf"
-          },
-          "title": {
-            "default": "#161517",
-            "hover": "#161517",
-            "active": "#161517",
-            "disabled": "#a0a0a0"
-          },
-          "description": {
-            "default": "#696e79",
-            "hover": "#696e79",
-            "active": "#696e79",
-            "disabled": "#a0a0a0"
-          },
-          "stroke": {
-            "default": "lch(91.6 1.1 266)",
-            "hover": "lch(91.6 1.1 266)",
-            "active": "lch(87 1.05 266)",
-            "disabled": "#dfdfdf"
+        "default": {
+          "color": {
+            "background": {
+              "default": "#ffffff",
+              "hover": "#f6f7fa",
+              "active": "#f6f7fa",
+              "disabled": "#dfdfdf"
+            },
+            "title": {
+              "default": "#161517",
+              "hover": "#161517",
+              "active": "#161517",
+              "disabled": "#a0a0a0"
+            },
+            "description": {
+              "default": "#696e79",
+              "hover": "#696e79",
+              "active": "#696e79",
+              "disabled": "#a0a0a0"
+            },
+            "stroke": {
+              "default": "lch(91.6 1.1 266)",
+              "hover": "lch(91.6 1.1 266)",
+              "active": "#151515",
+              "disabled": "#dfdfdf"
+            }
+          }
+        },
+        "muted": {
+          "color": {
+            "background": {
+              "default": "#f6f7fa",
+              "hover": "#ffffff",
+              "active": "#f6f7fa",
+              "disabled": "#dfdfdf"
+            },
+            "title": {
+              "default": "#161517",
+              "hover": "#161517",
+              "active": "#161517",
+              "disabled": "#a0a0a0"
+            },
+            "description": {
+              "default": "#696e79",
+              "hover": "#696e79",
+              "active": "#696e79",
+              "disabled": "#a0a0a0"
+            },
+            "stroke": {
+              "default": "lch(91.6 1.1 266)",
+              "hover": "lch(91.6 1.1 266)",
+              "active": "#151515",
+              "disabled": "#dfdfdf"
+            }
           }
         }
       }
@@ -2185,6 +2215,36 @@
     }
   },
   "name": "light",
+  "global": {
+    "color": {
+      "background": {
+        "default": "#ffffff",
+        "muted": "#f6f7fa"
+      },
+      "text": {
+        "default": "#161517",
+        "muted": "#696e79",
+        "link": {
+          "default": "#135be6",
+          "hover": "#092e73"
+        }
+      },
+      "stroke": {
+        "default": "lch(91.6 1.1 266)",
+        "muted": "lch(91.6 1.1 266)",
+        "intense": "#b3b6bd"
+      },
+      "accent": {
+        "default": "#151515"
+      },
+      "outline": {
+        "default": "#135be6"
+      },
+      "shadow": {
+        "default": "lch(6.77 0 0 / 0.15)"
+      }
+    }
+  },
   "palette": {
     "brand": {
       "50": "#ffffe8",
diff --git a/src/styles/variables.light.json b/src/styles/variables.light.json
index c90594d9..c683792e 100644
--- a/src/styles/variables.light.json
+++ b/src/styles/variables.light.json
@@ -415,36 +415,66 @@
           "stroke": {
             "default": "lch(91.6 1.1 266)",
             "hover": "lch(91.6 1.1 266)",
-            "active": "lch(87 1.05 266)",
+            "active": "#151515",
             "disabled": "#dfdfdf"
           }
         }
       },
       "horizontal": {
-        "color": {
-          "background": {
-            "default": "#ffffff",
-            "hover": "#f6f7fa",
-            "active": "lch(92.4 1.49 272)",
-            "disabled": "#dfdfdf"
-          },
-          "title": {
-            "default": "#161517",
-            "hover": "#161517",
-            "active": "#161517",
-            "disabled": "#a0a0a0"
-          },
-          "description": {
-            "default": "#696e79",
-            "hover": "#696e79",
-            "active": "#696e79",
-            "disabled": "#a0a0a0"
-          },
-          "stroke": {
-            "default": "lch(91.6 1.1 266)",
-            "hover": "lch(91.6 1.1 266)",
-            "active": "lch(87 1.05 266)",
-            "disabled": "#dfdfdf"
+        "default": {
+          "color": {
+            "background": {
+              "default": "#ffffff",
+              "hover": "#f6f7fa",
+              "active": "#f6f7fa",
+              "disabled": "#dfdfdf"
+            },
+            "title": {
+              "default": "#161517",
+              "hover": "#161517",
+              "active": "#161517",
+              "disabled": "#a0a0a0"
+            },
+            "description": {
+              "default": "#696e79",
+              "hover": "#696e79",
+              "active": "#696e79",
+              "disabled": "#a0a0a0"
+            },
+            "stroke": {
+              "default": "lch(91.6 1.1 266)",
+              "hover": "lch(91.6 1.1 266)",
+              "active": "#151515",
+              "disabled": "#dfdfdf"
+            }
+          }
+        },
+        "muted": {
+          "color": {
+            "background": {
+              "default": "#f6f7fa",
+              "hover": "#ffffff",
+              "active": "#f6f7fa",
+              "disabled": "#dfdfdf"
+            },
+            "title": {
+              "default": "#161517",
+              "hover": "#161517",
+              "active": "#161517",
+              "disabled": "#a0a0a0"
+            },
+            "description": {
+              "default": "#696e79",
+              "hover": "#696e79",
+              "active": "#696e79",
+              "disabled": "#a0a0a0"
+            },
+            "stroke": {
+              "default": "lch(91.6 1.1 266)",
+              "hover": "lch(91.6 1.1 266)",
+              "active": "#151515",
+              "disabled": "#dfdfdf"
+            }
           }
         }
       }
@@ -1120,5 +1150,35 @@
       }
     }
   },
-  "name": "light"
+  "name": "light",
+  "global": {
+    "color": {
+      "background": {
+        "default": "#ffffff",
+        "muted": "#f6f7fa"
+      },
+      "text": {
+        "default": "#161517",
+        "muted": "#696e79",
+        "link": {
+          "default": "#135be6",
+          "hover": "#092e73"
+        }
+      },
+      "stroke": {
+        "default": "lch(91.6 1.1 266)",
+        "muted": "lch(91.6 1.1 266)",
+        "intense": "#b3b6bd"
+      },
+      "accent": {
+        "default": "#151515"
+      },
+      "outline": {
+        "default": "#135be6"
+      },
+      "shadow": {
+        "default": "lch(6.77 0 0 / 0.15)"
+      }
+    }
+  }
 }
\ No newline at end of file
diff --git a/tokens/themes/$themes.json b/tokens/themes/$themes.json
index e07756c8..a36bd0f6 100644
--- a/tokens/themes/$themes.json
+++ b/tokens/themes/$themes.json
@@ -805,7 +805,50 @@
       "click.button.split.secondary.background.main.disabled": "S:ef65d33febe728f739e8ed42e9fc38afa04cf1c2,",
       "click.button.split.secondary.background.action.disabled": "S:aab1d9e3afd980b407aec0a788335a83af60870b,",
       "click.button.split.secondary.text.disabled": "S:ff463c0a65a54e4b85fdf8b6629fef979fe2d8f6,",
-      "typography.styles.product.text.mono.xs": "S:3ea73245db410cd4a7bb99d5392199d9914406d3,"
+      "typography.styles.product.text.mono.xs": "S:3ea73245db410cd4a7bb99d5392199d9914406d3,",
+      "click.card.horizontal.default.color.background.default": "S:bfb9ed82e2b003fadcc36ba4e2101eb76e79fe9f,",
+      "click.card.horizontal.default.color.background.hover": "S:8d4c01635d0a7af027df8b9a36aeb85ddf96a13d,",
+      "click.card.horizontal.default.color.background.active": "S:f8c1100315b155bf4907ad1a6796c885dd61732a,",
+      "click.card.horizontal.default.color.background.disabled": "S:e011b93b595b53c0f73eb66805d777c8a1c6d4b5,",
+      "click.card.horizontal.default.color.title.default": "S:12316dfcee8d14959d6a5177ab3694f643171269,",
+      "click.card.horizontal.default.color.title.hover": "S:1d5315ce75d2559b95808c448986812921a1e388,",
+      "click.card.horizontal.default.color.title.active": "S:5bdb439b922053176e8ef892c35f54df0888dfd5,",
+      "click.card.horizontal.default.color.title.disabled": "S:6cefaecfbfd5db3ef12fedd9fc5b77ba28b904a4,",
+      "click.card.horizontal.default.color.description.default": "S:d25a4a1b81fff194bc9ea4dfb505ac7af6fff6c4,",
+      "click.card.horizontal.default.color.description.hover": "S:1abc7d4b9f901ed46c4937f3eb6714dfc2a62058,",
+      "click.card.horizontal.default.color.description.active": "S:51b103b9d71184e76b45b548485d14fe22068c4c,",
+      "click.card.horizontal.default.color.description.disabled": "S:ced348f874eafc60685bcb0d3db26e71af1dfab8,",
+      "click.card.horizontal.default.color.stroke.default": "S:37ce3db596e95efbb5d5fe80a0b654bbe11bd909,",
+      "click.card.horizontal.default.color.stroke.hover": "S:2a1366ec4873946e9905d92819b45c88df7a66ce,",
+      "click.card.horizontal.default.color.stroke.active": "S:d83fed5e4f0d85834883ba315a51e499b77f7f17,",
+      "click.card.horizontal.default.color.stroke.disabled": "S:175c66a1d8f4ed11193064e8b070c8ce788f0457,",
+      "global.color.stroke.default": "S:68190fe7be616c8c90317cf11862f9224445b3c3,",
+      "global.color.stroke.muted": "S:0de0b4ad777a42357e092be8dfb13b6892378d85,",
+      "global.color.stroke.intense": "S:a22e8cc90f3e3c63a945dec425f4fb012e0efbd8,",
+      "global.color.accent.default": "S:066d1c6413cfcf876882716908e7758fa6d8a93f,",
+      "global.color.background.default": "S:91cdfab4a1a980f2bc528ed53f115b0a2402fd22,",
+      "global.color.background.muted": "S:91fa4c462e172d1bd2af859e9e94b24cd2556bf9,",
+      "global.color.text.default": "S:edf27ce215560a43a5dd882202ac8c307a8f4d99,",
+      "global.color.text.muted": "S:247b31bf09959201cfb0185656a1f5f21d2508a0,",
+      "global.color.text.link.default": "S:f1ae903a629c11d91981daeef352cc305f780a24,",
+      "global.color.text.link.hover": "S:10ffebe5844e1b6bf3de4869a5bfc62db97045b9,",
+      "global.color.outline.default": "S:02edfa8a8f114736f79b8467ed4ee1520260cf36,",
+      "global.color.shadow.default": "S:e5251b042d846c6e24d307bbe8832b6dd22c35c3,",
+      "click.card.horizontal.muted.color.background.default": "S:3319363aec1e740a3227ffaf1fef0e5f13838207,",
+      "click.card.horizontal.muted.color.background.hover": "S:1485300198fbedebacf402c3d443b44d4b4b747b,",
+      "click.card.horizontal.muted.color.background.active": "S:6bfae35c56060755d436f09e8be47f15c15762cf,",
+      "click.card.horizontal.muted.color.background.disabled": "S:5afb0d3a66a0ce622024cd5567ac652a49f33fa3,",
+      "click.card.horizontal.muted.color.title.default": "S:589297e6eeee1c7db76a571f8d53ba1587d40de0,",
+      "click.card.horizontal.muted.color.title.hover": "S:672ba9ea88bd767407ead32acfa4f28160251725,",
+      "click.card.horizontal.muted.color.title.active": "S:8ab8449c4b66b1524f76ec51fe58cf4e9bc15be9,",
+      "click.card.horizontal.muted.color.description.default": "S:49c9a99ff870014e975f130739de3a54daecc564,",
+      "click.card.horizontal.muted.color.description.hover": "S:0e24dda7616d1a1aeee86040c2bc0a123591ea87,",
+      "click.card.horizontal.muted.color.description.active": "S:9a34fffeedd914701ad2e18898d4fd439a622f14,",
+      "click.card.horizontal.muted.color.description.disabled": "S:164cb983d0d220b945e54113b181d6f6d6a9dd17,",
+      "click.card.horizontal.muted.color.stroke.default": "S:73473806405b48b1ca030013f490bea63a4749ef,",
+      "click.card.horizontal.muted.color.stroke.hover": "S:68a80a8d4ababfdaeab184925d228e280b98512a,",
+      "click.card.horizontal.muted.color.stroke.active": "S:218d05acbabce37ad3a56b9980f24b42af3506e6,",
+      "click.card.horizontal.muted.color.stroke.disabled": "S:2bd5e2f9df8a3917ab29d3c614de03168a5d2036,"
     },
     "selectedTokenSets": {
       "primitives": "enabled",
@@ -1050,22 +1093,22 @@
       "click.card.secondary.color.stroke.hover": "a077039d81b0ac40839dc45175a86e18b8709510",
       "click.card.secondary.color.stroke.active": "1f172611092718d4f7df7ab7c8effe1abb2fee6e",
       "click.card.secondary.color.stroke.disabled": "ee75fe32af9fb7ce2380b49a9e0234308d2be132",
-      "click.card.horizontal.color.background.default": "dd8cb9b3e43c40c0291106b34ec40ce07ec7ee91",
-      "click.card.horizontal.color.background.hover": "4bfcca9e60081266ce992033ab37dc72c5db090e",
-      "click.card.horizontal.color.background.active": "c7cd282b10c28e400a9912097ce8bea7d484e1bf",
-      "click.card.horizontal.color.background.disabled": "2707b20e0932d83cd55204d177fe0c6a2dbefe5c",
-      "click.card.horizontal.color.title.default": "0ccb68a59d6f5aaf18e0354569d247dea3fb9625",
-      "click.card.horizontal.color.title.hover": "107e45d2b70f9aaa558d2ad06b5923a89e4430b0",
-      "click.card.horizontal.color.title.active": "bdfe95e7e0e69b5da205e5c4958349673a33c47e",
-      "click.card.horizontal.color.title.disabled": "7a5b858b0a391f44f1bbb0fb92d865caf488b61e",
-      "click.card.horizontal.color.description.default": "0dff8565d5e39437be570a6f0514310a4fe16e12",
-      "click.card.horizontal.color.description.hover": "0a4add10633a61fedfc23578fab92391172af223",
-      "click.card.horizontal.color.description.active": "3406fa7e94d873567c14bc9b8eacace92d79447a",
-      "click.card.horizontal.color.description.disabled": "fdc0ebfcdaf3e2c9685b5210bc972addb834847d",
-      "click.card.horizontal.color.stroke.default": "0b47810e319202247bc82c4ed6a94b85ff185280",
-      "click.card.horizontal.color.stroke.hover": "c96bc4202bb4f94a0e420aee8a6a77b49266eaea",
-      "click.card.horizontal.color.stroke.active": "83220b835bd5888e885fa93be733222f58074f13",
-      "click.card.horizontal.color.stroke.disabled": "8ae07f719fa24f2eb084574f0df1672407e1ba0e",
+      "click.card.horizontal.default.color.background.default": "915d6676ff1bed37dfccaae094f415f5963bbe8a",
+      "click.card.horizontal.default.color.background.hover": "1be22c25a90430b6990c399cb840ae1e0032e1c7",
+      "click.card.horizontal.default.color.background.active": "b8892cb8514dcfb3ced403cd88b50bba5f521c84",
+      "click.card.horizontal.default.color.background.disabled": "94a46225e218ea5df0246fdbf12627c5ba33ba52",
+      "click.card.horizontal.default.color.title.default": "bd3642725c369aeb986a37e8fe4f94eddb4cf437",
+      "click.card.horizontal.default.color.title.hover": "70d42f3bd54d836a5305dba08b3c6137369f9381",
+      "click.card.horizontal.default.color.title.active": "f9479a5883420d9162fac566fe0b2ae9f6978811",
+      "click.card.horizontal.default.color.title.disabled": "87084f8961ee1cc7bf98d0b1840430f8384dd13b",
+      "click.card.horizontal.default.color.description.default": "27896c72e57a031d36f28f28f860ebbf6bb1077e",
+      "click.card.horizontal.default.color.description.hover": "6fa66da7a14f805473cc9b40c18783fb9ddf1a12",
+      "click.card.horizontal.default.color.description.active": "92824e0321f26f088c7314d4358ce54bb9bfc077",
+      "click.card.horizontal.default.color.description.disabled": "a9959fdb2e6599eb2231db550626f26b7a889bf2",
+      "click.card.horizontal.default.color.stroke.default": "9c669c5b376f64525fafc5dbec8ced8a3434035c",
+      "click.card.horizontal.default.color.stroke.hover": "bddd722c6a8297c28581430728aee3682bc6bfc9",
+      "click.card.horizontal.default.color.stroke.active": "4f7997890f5866bad5d63b3605a780635b7eea9d",
+      "click.card.horizontal.default.color.stroke.disabled": "acf448b109c768ae5f926022bc375efe173abada",
       "click.checkbox.color.background.default": "f72702b3d158d7b2dc90154e91c8ee89eeafbfe4",
       "click.checkbox.color.background.hover": "35c7cbe93c266f01cf36d11fb0f7db861ff63d6c",
       "click.checkbox.color.background.active": "ca93eec195e2da0e012c5029a6cb62851d40d2d5",
@@ -1298,6 +1341,34 @@
       "click.flyout.color.description.default": "da57eccc56992f21f65aacd16d6f373739dfac94",
       "click.flyout.color.stroke.default": "62f3f25189e2beeb7b932554c0ded0be94c1145c",
       "click.storybook.global.background": "1df4a5519f86724132572868edc00b9ba9e7ff4f",
+      "global.color.stroke.default": "4f3709e142bdd96d21e36a0ad25949266422aab0",
+      "global.color.stroke.muted": "58d1a250a8d7e8cfbfd3f8ddcafa6bc9fc634da2",
+      "global.color.stroke.intense": "a4d23fa4eb568e47a10780775117021bc43ead33",
+      "global.color.accent.default": "8ed82ec568d1afc09061a7730ccfeee153697623",
+      "global.color.background.default": "321074ab873277070a6e823b50387d1d395c27a7",
+      "global.color.background.muted": "2c0cf2e2ac6f53eb30dc90b5925c59cd75fb4218",
+      "global.color.text.default": "986179b392d1913a0e25608c546293e25a30335e",
+      "global.color.text.muted": "43533a50479e166b4f1e2b15cc424e82d8a9118e",
+      "global.color.text.link.default": "1c8a5565216076116387d9e72f777d06049d2419",
+      "global.color.text.link.hover": "d90778cf40bff571e9a99f5023e40e72a09abcfd",
+      "global.color.outline.default": "d1930239c23212a60a13d27e3b63258e173b9b52",
+      "global.color.shadow.default": "6f3c9ea078b0e1969d38c9d920021e20e08c72fd",
+      "click.card.horizontal.muted.color.background.default": "f082f759c26bc3014afe52d23f4af710487edc48",
+      "click.card.horizontal.muted.color.background.hover": "6ecedb8a1a96f1464c2652fc4d6ec503999fd039",
+      "click.card.horizontal.muted.color.background.active": "d873f006078ff4c1b9f4d38eb1ccf3ea13757ef0",
+      "click.card.horizontal.muted.color.background.disabled": "38732a657075d461b888459971925b091284f4bb",
+      "click.card.horizontal.muted.color.title.default": "37a1fa80e002575beb8785c8098ac86a2a3b3ea7",
+      "click.card.horizontal.muted.color.title.hover": "203651988229de405793308abef2a84b9db8ee78",
+      "click.card.horizontal.muted.color.title.active": "b08a84fb0f7087c5b139c55da950ee255663dd3f",
+      "click.card.horizontal.muted.color.title.disabled": "e35751c2e9620be2198ea1663099702f338b0470",
+      "click.card.horizontal.muted.color.description.default": "cae495492cb8aa9df555252749a9fa3a750cc505",
+      "click.card.horizontal.muted.color.description.hover": "e7c5db3973a8c7e1d284fa85243c73021ac3167e",
+      "click.card.horizontal.muted.color.description.active": "639cef2be142ac131a2727dcc2120ce5496decd1",
+      "click.card.horizontal.muted.color.description.disabled": "49e64f9863b31056518d3ea21abb3fc8b20c83b7",
+      "click.card.horizontal.muted.color.stroke.default": "a2a0eda56fe7c85b670c2716a05c2a21d3b108ba",
+      "click.card.horizontal.muted.color.stroke.hover": "af69f0e34d22c15138295bbc5a8cae3661d7de1c",
+      "click.card.horizontal.muted.color.stroke.active": "1a30d9c95c8846556249dd4b591dde7b470ebf33",
+      "click.card.horizontal.muted.color.stroke.disabled": "ed57d50206ff720b9a48e814e98aa108fff89caa",
       "click.accordion.sm.icon.size.height": "0b00094480e0ef726fcd78757863afabc5ef8ac8",
       "click.accordion.sm.icon.size.width": "9f490f71be1a1f728dc513ea367a857ada292e31",
       "click.accordion.sm.space.gap": "28d3e8f36bc608718945d27eb7bbc87c598458b4",
@@ -2771,22 +2842,6 @@
       "click.card.secondary.color.stroke.hover": "a077039d81b0ac40839dc45175a86e18b8709510",
       "click.card.secondary.color.stroke.active": "1f172611092718d4f7df7ab7c8effe1abb2fee6e",
       "click.card.secondary.color.stroke.disabled": "ee75fe32af9fb7ce2380b49a9e0234308d2be132",
-      "click.card.horizontal.color.background.default": "dd8cb9b3e43c40c0291106b34ec40ce07ec7ee91",
-      "click.card.horizontal.color.background.hover": "4bfcca9e60081266ce992033ab37dc72c5db090e",
-      "click.card.horizontal.color.background.active": "c7cd282b10c28e400a9912097ce8bea7d484e1bf",
-      "click.card.horizontal.color.background.disabled": "2707b20e0932d83cd55204d177fe0c6a2dbefe5c",
-      "click.card.horizontal.color.title.default": "0ccb68a59d6f5aaf18e0354569d247dea3fb9625",
-      "click.card.horizontal.color.title.hover": "107e45d2b70f9aaa558d2ad06b5923a89e4430b0",
-      "click.card.horizontal.color.title.active": "bdfe95e7e0e69b5da205e5c4958349673a33c47e",
-      "click.card.horizontal.color.title.disabled": "7a5b858b0a391f44f1bbb0fb92d865caf488b61e",
-      "click.card.horizontal.color.description.default": "0dff8565d5e39437be570a6f0514310a4fe16e12",
-      "click.card.horizontal.color.description.hover": "0a4add10633a61fedfc23578fab92391172af223",
-      "click.card.horizontal.color.description.active": "3406fa7e94d873567c14bc9b8eacace92d79447a",
-      "click.card.horizontal.color.description.disabled": "fdc0ebfcdaf3e2c9685b5210bc972addb834847d",
-      "click.card.horizontal.color.stroke.default": "0b47810e319202247bc82c4ed6a94b85ff185280",
-      "click.card.horizontal.color.stroke.hover": "c96bc4202bb4f94a0e420aee8a6a77b49266eaea",
-      "click.card.horizontal.color.stroke.active": "83220b835bd5888e885fa93be733222f58074f13",
-      "click.card.horizontal.color.stroke.disabled": "8ae07f719fa24f2eb084574f0df1672407e1ba0e",
       "click.image.color.stroke": "3acd11482f0baec2af20b2e7dbe34dfa93822d19",
       "click.popover.color.panel.background.default": "ed79a69e56b0ec35d688844c3da7c85d590cadeb",
       "click.popover.color.panel.stroke.default": "b786c0333c4560a394ea6b57d5868390eb012715",
@@ -2811,6 +2866,50 @@
       "click.flyout.color.opaqueBackground.default": "df71c61192ba99604afa999804a5ba92c7e6150e",
       "click.flyout.color.stroke.default": "62f3f25189e2beeb7b932554c0ded0be94c1145c",
       "click.storybook.global.background": "1df4a5519f86724132572868edc00b9ba9e7ff4f",
+      "global.color.background.default": "321074ab873277070a6e823b50387d1d395c27a7",
+      "global.color.background.muted": "2c0cf2e2ac6f53eb30dc90b5925c59cd75fb4218",
+      "global.color.text.default": "986179b392d1913a0e25608c546293e25a30335e",
+      "global.color.text.muted": "43533a50479e166b4f1e2b15cc424e82d8a9118e",
+      "global.color.text.link.default": "1c8a5565216076116387d9e72f777d06049d2419",
+      "global.color.text.link.hover": "d90778cf40bff571e9a99f5023e40e72a09abcfd",
+      "global.color.stroke.default": "4f3709e142bdd96d21e36a0ad25949266422aab0",
+      "global.color.stroke.muted": "58d1a250a8d7e8cfbfd3f8ddcafa6bc9fc634da2",
+      "global.color.stroke.intense": "a4d23fa4eb568e47a10780775117021bc43ead33",
+      "global.color.accent.default": "8ed82ec568d1afc09061a7730ccfeee153697623",
+      "global.color.outline.default": "d1930239c23212a60a13d27e3b63258e173b9b52",
+      "global.color.shadow.default": "6f3c9ea078b0e1969d38c9d920021e20e08c72fd",
+      "click.card.horizontal.default.color.background.default": "915d6676ff1bed37dfccaae094f415f5963bbe8a",
+      "click.card.horizontal.default.color.background.hover": "1be22c25a90430b6990c399cb840ae1e0032e1c7",
+      "click.card.horizontal.default.color.background.active": "b8892cb8514dcfb3ced403cd88b50bba5f521c84",
+      "click.card.horizontal.default.color.background.disabled": "94a46225e218ea5df0246fdbf12627c5ba33ba52",
+      "click.card.horizontal.default.color.title.default": "bd3642725c369aeb986a37e8fe4f94eddb4cf437",
+      "click.card.horizontal.default.color.title.hover": "70d42f3bd54d836a5305dba08b3c6137369f9381",
+      "click.card.horizontal.default.color.title.active": "f9479a5883420d9162fac566fe0b2ae9f6978811",
+      "click.card.horizontal.default.color.title.disabled": "87084f8961ee1cc7bf98d0b1840430f8384dd13b",
+      "click.card.horizontal.default.color.description.default": "27896c72e57a031d36f28f28f860ebbf6bb1077e",
+      "click.card.horizontal.default.color.description.hover": "6fa66da7a14f805473cc9b40c18783fb9ddf1a12",
+      "click.card.horizontal.default.color.description.active": "92824e0321f26f088c7314d4358ce54bb9bfc077",
+      "click.card.horizontal.default.color.description.disabled": "a9959fdb2e6599eb2231db550626f26b7a889bf2",
+      "click.card.horizontal.default.color.stroke.default": "9c669c5b376f64525fafc5dbec8ced8a3434035c",
+      "click.card.horizontal.default.color.stroke.hover": "bddd722c6a8297c28581430728aee3682bc6bfc9",
+      "click.card.horizontal.default.color.stroke.active": "4f7997890f5866bad5d63b3605a780635b7eea9d",
+      "click.card.horizontal.default.color.stroke.disabled": "acf448b109c768ae5f926022bc375efe173abada",
+      "click.card.horizontal.muted.color.background.default": "f082f759c26bc3014afe52d23f4af710487edc48",
+      "click.card.horizontal.muted.color.background.hover": "6ecedb8a1a96f1464c2652fc4d6ec503999fd039",
+      "click.card.horizontal.muted.color.background.active": "d873f006078ff4c1b9f4d38eb1ccf3ea13757ef0",
+      "click.card.horizontal.muted.color.background.disabled": "38732a657075d461b888459971925b091284f4bb",
+      "click.card.horizontal.muted.color.title.default": "37a1fa80e002575beb8785c8098ac86a2a3b3ea7",
+      "click.card.horizontal.muted.color.title.hover": "203651988229de405793308abef2a84b9db8ee78",
+      "click.card.horizontal.muted.color.title.active": "b08a84fb0f7087c5b139c55da950ee255663dd3f",
+      "click.card.horizontal.muted.color.title.disabled": "e35751c2e9620be2198ea1663099702f338b0470",
+      "click.card.horizontal.muted.color.description.default": "cae495492cb8aa9df555252749a9fa3a750cc505",
+      "click.card.horizontal.muted.color.description.hover": "e7c5db3973a8c7e1d284fa85243c73021ac3167e",
+      "click.card.horizontal.muted.color.description.active": "639cef2be142ac131a2727dcc2120ce5496decd1",
+      "click.card.horizontal.muted.color.description.disabled": "49e64f9863b31056518d3ea21abb3fc8b20c83b7",
+      "click.card.horizontal.muted.color.stroke.default": "a2a0eda56fe7c85b670c2716a05c2a21d3b108ba",
+      "click.card.horizontal.muted.color.stroke.hover": "af69f0e34d22c15138295bbc5a8cae3661d7de1c",
+      "click.card.horizontal.muted.color.stroke.active": "1a30d9c95c8846556249dd4b591dde7b470ebf33",
+      "click.card.horizontal.muted.color.stroke.disabled": "ed57d50206ff720b9a48e814e98aa108fff89caa",
       "click.accordion.sm.icon.size.height": "0b00094480e0ef726fcd78757863afabc5ef8ac8",
       "click.accordion.sm.icon.size.width": "9f490f71be1a1f728dc513ea367a857ada292e31",
       "click.accordion.sm.space.gap": "28d3e8f36bc608718945d27eb7bbc87c598458b4",
@@ -3896,12 +3995,6 @@
       "click.card.secondary.color.link.hover": "9b4dfb371ffcce09ec4329878a26ebbab994300f",
       "click.card.secondary.color.link.active": "8074e0d58a8ccb6f6f768d3ba9e37575f67fbfb2",
       "click.card.secondary.color.link.disabled": "16f62e6a84ecabab71ca48f1bed4ff7bcc095ee2",
-      "click.flyout.color.background.default": "f6f575cb1172d3a185d3aafc946b8ebe923e6c29",
-      "click.flyout.color.title.default": "33b88264f0a3751f3cba06f26b4fa29ee6da39b2",
-      "click.flyout.color.description.default": "da57eccc56992f21f65aacd16d6f373739dfac94",
-      "click.flyout.color.opaqueBackground.default": "df71c61192ba99604afa999804a5ba92c7e6150e",
-      "click.flyout.color.stroke.default": "62f3f25189e2beeb7b932554c0ded0be94c1145c",
-      "click.storybook.global.background": "1df4a5519f86724132572868edc00b9ba9e7ff4f",
       "click.card.primary.color.background.default": "4dbbcd1621c4db68eedb45c4b0b3cf6ad01aca45",
       "click.card.primary.color.background.hover": "ee756c3f4fcc71d12dd6c7d7e593b34d799285ee",
       "click.card.primary.color.background.active": "459065381d47060097479416b3d6a60f7618ebf8",
@@ -3918,6 +4011,56 @@
       "click.card.primary.color.stroke.hover": "4531360b3fa159380161ef0a4e67a9da3637614b",
       "click.card.primary.color.stroke.active": "9be4a7e7b015d0a32f49e47d9a8129657983f792",
       "click.card.primary.color.stroke.disabled": "0ef17ac50884a2f0904603e1fe8a6fb66299b9f5",
+      "click.flyout.color.background.default": "f6f575cb1172d3a185d3aafc946b8ebe923e6c29",
+      "click.flyout.color.title.default": "33b88264f0a3751f3cba06f26b4fa29ee6da39b2",
+      "click.flyout.color.description.default": "da57eccc56992f21f65aacd16d6f373739dfac94",
+      "click.flyout.color.opaqueBackground.default": "df71c61192ba99604afa999804a5ba92c7e6150e",
+      "click.flyout.color.stroke.default": "62f3f25189e2beeb7b932554c0ded0be94c1145c",
+      "click.storybook.global.background": "1df4a5519f86724132572868edc00b9ba9e7ff4f",
+      "global.color.stroke.default": "4f3709e142bdd96d21e36a0ad25949266422aab0",
+      "global.color.stroke.muted": "58d1a250a8d7e8cfbfd3f8ddcafa6bc9fc634da2",
+      "global.color.stroke.intense": "a4d23fa4eb568e47a10780775117021bc43ead33",
+      "global.color.accent.default": "8ed82ec568d1afc09061a7730ccfeee153697623",
+      "global.color.background.default": "321074ab873277070a6e823b50387d1d395c27a7",
+      "global.color.background.muted": "2c0cf2e2ac6f53eb30dc90b5925c59cd75fb4218",
+      "global.color.text.default": "986179b392d1913a0e25608c546293e25a30335e",
+      "global.color.text.muted": "43533a50479e166b4f1e2b15cc424e82d8a9118e",
+      "global.color.text.link.default": "1c8a5565216076116387d9e72f777d06049d2419",
+      "global.color.text.link.hover": "d90778cf40bff571e9a99f5023e40e72a09abcfd",
+      "global.color.outline.default": "d1930239c23212a60a13d27e3b63258e173b9b52",
+      "global.color.shadow.default": "6f3c9ea078b0e1969d38c9d920021e20e08c72fd",
+      "click.card.horizontal.default.color.background.default": "915d6676ff1bed37dfccaae094f415f5963bbe8a",
+      "click.card.horizontal.default.color.background.hover": "1be22c25a90430b6990c399cb840ae1e0032e1c7",
+      "click.card.horizontal.default.color.background.active": "b8892cb8514dcfb3ced403cd88b50bba5f521c84",
+      "click.card.horizontal.default.color.background.disabled": "94a46225e218ea5df0246fdbf12627c5ba33ba52",
+      "click.card.horizontal.default.color.title.default": "bd3642725c369aeb986a37e8fe4f94eddb4cf437",
+      "click.card.horizontal.default.color.title.hover": "70d42f3bd54d836a5305dba08b3c6137369f9381",
+      "click.card.horizontal.default.color.title.active": "f9479a5883420d9162fac566fe0b2ae9f6978811",
+      "click.card.horizontal.default.color.title.disabled": "87084f8961ee1cc7bf98d0b1840430f8384dd13b",
+      "click.card.horizontal.default.color.description.default": "27896c72e57a031d36f28f28f860ebbf6bb1077e",
+      "click.card.horizontal.default.color.description.hover": "6fa66da7a14f805473cc9b40c18783fb9ddf1a12",
+      "click.card.horizontal.default.color.description.active": "92824e0321f26f088c7314d4358ce54bb9bfc077",
+      "click.card.horizontal.default.color.description.disabled": "a9959fdb2e6599eb2231db550626f26b7a889bf2",
+      "click.card.horizontal.default.color.stroke.default": "9c669c5b376f64525fafc5dbec8ced8a3434035c",
+      "click.card.horizontal.default.color.stroke.hover": "bddd722c6a8297c28581430728aee3682bc6bfc9",
+      "click.card.horizontal.default.color.stroke.active": "4f7997890f5866bad5d63b3605a780635b7eea9d",
+      "click.card.horizontal.default.color.stroke.disabled": "acf448b109c768ae5f926022bc375efe173abada",
+      "click.card.horizontal.muted.color.background.default": "f082f759c26bc3014afe52d23f4af710487edc48",
+      "click.card.horizontal.muted.color.background.hover": "6ecedb8a1a96f1464c2652fc4d6ec503999fd039",
+      "click.card.horizontal.muted.color.background.active": "d873f006078ff4c1b9f4d38eb1ccf3ea13757ef0",
+      "click.card.horizontal.muted.color.background.disabled": "38732a657075d461b888459971925b091284f4bb",
+      "click.card.horizontal.muted.color.title.default": "37a1fa80e002575beb8785c8098ac86a2a3b3ea7",
+      "click.card.horizontal.muted.color.title.hover": "203651988229de405793308abef2a84b9db8ee78",
+      "click.card.horizontal.muted.color.title.active": "b08a84fb0f7087c5b139c55da950ee255663dd3f",
+      "click.card.horizontal.muted.color.title.disabled": "e35751c2e9620be2198ea1663099702f338b0470",
+      "click.card.horizontal.muted.color.description.default": "cae495492cb8aa9df555252749a9fa3a750cc505",
+      "click.card.horizontal.muted.color.description.hover": "e7c5db3973a8c7e1d284fa85243c73021ac3167e",
+      "click.card.horizontal.muted.color.description.active": "639cef2be142ac131a2727dcc2120ce5496decd1",
+      "click.card.horizontal.muted.color.description.disabled": "49e64f9863b31056518d3ea21abb3fc8b20c83b7",
+      "click.card.horizontal.muted.color.stroke.default": "a2a0eda56fe7c85b670c2716a05c2a21d3b108ba",
+      "click.card.horizontal.muted.color.stroke.hover": "af69f0e34d22c15138295bbc5a8cae3661d7de1c",
+      "click.card.horizontal.muted.color.stroke.active": "1a30d9c95c8846556249dd4b591dde7b470ebf33",
+      "click.card.horizontal.muted.color.stroke.disabled": "ed57d50206ff720b9a48e814e98aa108fff89caa",
       "click.global.color.stroke.default": "4348bb8bd495232869e7c115f409a03012a6e0a2",
       "click.global.color.stroke.muted": "1984b11d5b566f3f6f3d35ccc4ae2f96f78e3b6d",
       "click.global.color.stroke.intense": "21a912ed1e3fe8cc1734473817d3107bf9612796",
@@ -4023,22 +4166,6 @@
       "click.card.secondary.color.stroke.hover": "a077039d81b0ac40839dc45175a86e18b8709510",
       "click.card.secondary.color.stroke.active": "1f172611092718d4f7df7ab7c8effe1abb2fee6e",
       "click.card.secondary.color.stroke.disabled": "ee75fe32af9fb7ce2380b49a9e0234308d2be132",
-      "click.card.horizontal.color.background.default": "dd8cb9b3e43c40c0291106b34ec40ce07ec7ee91",
-      "click.card.horizontal.color.background.hover": "4bfcca9e60081266ce992033ab37dc72c5db090e",
-      "click.card.horizontal.color.background.active": "c7cd282b10c28e400a9912097ce8bea7d484e1bf",
-      "click.card.horizontal.color.background.disabled": "2707b20e0932d83cd55204d177fe0c6a2dbefe5c",
-      "click.card.horizontal.color.title.default": "0ccb68a59d6f5aaf18e0354569d247dea3fb9625",
-      "click.card.horizontal.color.title.hover": "107e45d2b70f9aaa558d2ad06b5923a89e4430b0",
-      "click.card.horizontal.color.title.active": "bdfe95e7e0e69b5da205e5c4958349673a33c47e",
-      "click.card.horizontal.color.title.disabled": "7a5b858b0a391f44f1bbb0fb92d865caf488b61e",
-      "click.card.horizontal.color.description.default": "0dff8565d5e39437be570a6f0514310a4fe16e12",
-      "click.card.horizontal.color.description.hover": "0a4add10633a61fedfc23578fab92391172af223",
-      "click.card.horizontal.color.description.active": "3406fa7e94d873567c14bc9b8eacace92d79447a",
-      "click.card.horizontal.color.description.disabled": "fdc0ebfcdaf3e2c9685b5210bc972addb834847d",
-      "click.card.horizontal.color.stroke.default": "0b47810e319202247bc82c4ed6a94b85ff185280",
-      "click.card.horizontal.color.stroke.hover": "c96bc4202bb4f94a0e420aee8a6a77b49266eaea",
-      "click.card.horizontal.color.stroke.active": "83220b835bd5888e885fa93be733222f58074f13",
-      "click.card.horizontal.color.stroke.disabled": "8ae07f719fa24f2eb084574f0df1672407e1ba0e",
       "click.checkbox.color.background.default": "f72702b3d158d7b2dc90154e91c8ee89eeafbfe4",
       "click.checkbox.color.background.hover": "35c7cbe93c266f01cf36d11fb0f7db861ff63d6c",
       "click.checkbox.color.background.active": "ca93eec195e2da0e012c5029a6cb62851d40d2d5",
diff --git a/tokens/themes/classic.json b/tokens/themes/classic.json
index 22410357..04568551 100644
--- a/tokens/themes/classic.json
+++ b/tokens/themes/classic.json
@@ -1222,6 +1222,160 @@
             }
           }
         }
+      },
+      "horizontal": {
+        "default": {
+          "color": {
+            "background": {
+              "default": {
+                "value": "{click.global.color.background.default}",
+                "type": "color"
+              },
+              "hover": {
+                "value": "{click.global.color.background.muted}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{click.global.color.background.muted}",
+                "type": "color"
+              },
+              "disabled": {
+                "value": "{click.button.basic.color.primary.background.disabled}",
+                "type": "color"
+              }
+            },
+            "title": {
+              "default": {
+                "value": "{click.global.color.text.default}",
+                "type": "color"
+              },
+              "hover": {
+                "value": "{click.global.color.text.default}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{click.global.color.text.default}",
+                "type": "color"
+              },
+              "disabled": {
+                "value": "{click.button.basic.color.primary.text.disabled}",
+                "type": "color"
+              }
+            },
+            "description": {
+              "default": {
+                "value": "{click.global.color.text.muted}",
+                "type": "color"
+              },
+              "hover": {
+                "value": "{click.global.color.text.muted}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{click.global.color.text.muted}",
+                "type": "color"
+              },
+              "disabled": {
+                "value": "{click.card.primary.color.title.disabled}",
+                "type": "color"
+              }
+            },
+            "stroke": {
+              "default": {
+                "value": "{click.global.color.stroke.default}",
+                "type": "color"
+              },
+              "hover": {
+                "value": "{click.global.color.stroke.default}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{click.card.primary.color.stroke.active}",
+                "type": "color"
+              },
+              "disabled": {
+                "value": "{click.field.color.stroke.disabled}",
+                "type": "color"
+              }
+            }
+          }
+        },
+        "muted": {
+          "color": {
+            "background": {
+              "default": {
+                "value": "{click.global.color.background.muted}",
+                "type": "color"
+              },
+              "hover": {
+                "value": "{click.global.color.background.default}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{click.global.color.background.muted}",
+                "type": "color"
+              },
+              "disabled": {
+                "value": "{click.button.basic.color.primary.background.disabled}",
+                "type": "color"
+              }
+            },
+            "title": {
+              "default": {
+                "value": "{click.global.color.text.default}",
+                "type": "color"
+              },
+              "hover": {
+                "value": "{click.global.color.text.default}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{click.global.color.text.default}",
+                "type": "color"
+              },
+              "disabled": {
+                "value": "{click.card.horizontal.default.color.title.disabled}",
+                "type": "color"
+              }
+            },
+            "description": {
+              "default": {
+                "value": "{click.global.color.text.muted}",
+                "type": "color"
+              },
+              "hover": {
+                "value": "{click.global.color.text.muted}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{click.global.color.text.muted}",
+                "type": "color"
+              },
+              "disabled": {
+                "value": "{click.card.primary.color.title.disabled}",
+                "type": "color"
+              }
+            },
+            "stroke": {
+              "default": {
+                "value": "{click.global.color.stroke.default}",
+                "type": "color"
+              },
+              "hover": {
+                "value": "{click.global.color.stroke.default}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{click.card.primary.color.stroke.active}",
+                "type": "color"
+              },
+              "disabled": {
+                "value": "{click.field.color.stroke.disabled}",
+                "type": "color"
+              }
+            }
+          }
+        }
       }
     },
     "flyout": {
@@ -1274,6 +1428,106 @@
           "type": "color"
         }
       }
+    },
+    "tabs": {
+      "basic": {
+        "color": {
+          "background": {
+            "default": {
+              "value": "{palette.utility.transparent}",
+              "type": "color"
+            },
+            "hover": {
+              "value": "{click.global.color.background.muted}",
+              "type": "color"
+            },
+            "active": {
+              "value": "{palette.utility.transparent}",
+              "type": "color"
+            }
+          },
+          "text": {
+            "default": {
+              "value": "{click.global.color.text.muted}",
+              "type": "color"
+            },
+            "hover": {
+              "value": "{click.global.color.text.default}",
+              "type": "color"
+            },
+            "active": {
+              "value": "{click.tabs.basic.color.text.hover}",
+              "type": "color"
+            }
+          },
+          "stroke": {
+            "default": {
+              "value": "{click.tabs.basic.color.background.default}",
+              "type": "color"
+            },
+            "hover": {
+              "value": "{palette.utility.transparent}",
+              "type": "color"
+            },
+            "active": {
+              "value": "{click.button.basic.color.primary.background.default}",
+              "type": "color"
+            }
+          },
+          "global": {
+            "default": {
+              "value": "{click.global.color.stroke.default}",
+              "type": "color"
+            }
+          }
+        }
+      },
+      "fileTabs": {
+        "color": {
+          "background": {
+            "default": {
+              "value": "{click.global.color.background.muted}",
+              "type": "color"
+            },
+            "hover": {
+              "value": "{click.global.color.background.default}",
+              "type": "color"
+            },
+            "active": {
+              "value": "{click.tabs.fileTabs.color.background.hover}",
+              "type": "color"
+            }
+          },
+          "text": {
+            "default": {
+              "value": "{click.global.color.text.muted}",
+              "type": "color"
+            },
+            "hover": {
+              "value": "{click.global.color.text.default}",
+              "type": "color"
+            },
+            "active": {
+              "value": "{click.global.color.text.default}",
+              "type": "color"
+            }
+          },
+          "stroke": {
+            "default": {
+              "value": "{click.global.color.stroke.default}",
+              "type": "color"
+            },
+            "hover": {
+              "value": "{click.global.color.stroke.default}",
+              "type": "color"
+            },
+            "active": {
+              "value": "{click.global.color.stroke.default}",
+              "type": "color"
+            }
+          }
+        }
+      }
     }
   },
   "name": {
diff --git a/tokens/themes/dark.json b/tokens/themes/dark.json
index 3021fff7..eb0ee8a3 100644
--- a/tokens/themes/dark.json
+++ b/tokens/themes/dark.json
@@ -2849,95 +2849,155 @@
         }
       },
       "horizontal": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.background.muted}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.background.muted}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "darken",
-                    "value": "0.05",
-                    "space": "lch"
-                  }
-                }
+        "default": {
+          "color": {
+            "background": {
+              "default": {
+                "value": "{click.global.color.background.default}",
+                "type": "color"
+              },
+              "hover": {
+                "value": "{click.global.color.background.muted}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{click.global.color.background.muted}",
+                "type": "color"
+              },
+              "disabled": {
+                "value": "{click.button.basic.color.primary.background.disabled}",
+                "type": "color"
               }
             },
-            "disabled": {
-              "value": "{click.button.basic.color.primary.background.disabled}",
-              "type": "color"
-            }
-          },
-          "title": {
-            "default": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.button.basic.color.primary.text.disabled}",
-              "type": "color"
-            }
-          },
-          "description": {
-            "default": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
+            "title": {
+              "default": {
+                "value": "{click.global.color.text.default}",
+                "type": "color"
+              },
+              "hover": {
+                "value": "{click.global.color.text.default}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{click.global.color.text.default}",
+                "type": "color"
+              },
+              "disabled": {
+                "value": "{click.button.basic.color.primary.text.disabled}",
+                "type": "color"
+              }
             },
-            "active": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
+            "description": {
+              "default": {
+                "value": "{click.global.color.text.muted}",
+                "type": "color"
+              },
+              "hover": {
+                "value": "{click.global.color.text.muted}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{click.global.color.text.muted}",
+                "type": "color"
+              },
+              "disabled": {
+                "value": "{click.card.primary.color.title.disabled}",
+                "type": "color"
+              }
             },
-            "disabled": {
-              "value": "{click.card.primary.color.title.disabled}",
-              "type": "color"
+            "stroke": {
+              "default": {
+                "value": "{click.global.color.stroke.default}",
+                "type": "color"
+              },
+              "hover": {
+                "value": "{click.global.color.stroke.default}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{click.card.primary.color.stroke.active}",
+                "type": "color"
+              },
+              "disabled": {
+                "value": "{click.field.color.stroke.disabled}",
+                "type": "color"
+              }
             }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
+          }
+        },
+        "muted": {
+          "color": {
+            "background": {
+              "default": {
+                "value": "{click.global.color.background.muted}",
+                "type": "color"
+              },
+              "hover": {
+                "value": "{click.global.color.background.default}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{click.global.color.background.muted}",
+                "type": "color"
+              },
+              "disabled": {
+                "value": "{click.button.basic.color.primary.background.disabled}",
+                "type": "color"
+              }
             },
-            "hover": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
+            "title": {
+              "default": {
+                "value": "{click.global.color.text.default}",
+                "type": "color"
+              },
+              "hover": {
+                "value": "{click.global.color.text.default}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{click.global.color.text.default}",
+                "type": "color"
+              },
+              "disabled": {
+                "value": "{click.card.horizontal.default.color.title.disabled}",
+                "type": "color"
+              }
             },
-            "active": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "darken",
-                    "value": "0.05",
-                    "space": "lch"
-                  }
-                }
+            "description": {
+              "default": {
+                "value": "{click.global.color.text.muted}",
+                "type": "color"
+              },
+              "hover": {
+                "value": "{click.global.color.text.muted}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{click.global.color.text.muted}",
+                "type": "color"
+              },
+              "disabled": {
+                "value": "{click.card.primary.color.title.disabled}",
+                "type": "color"
               }
             },
-            "disabled": {
-              "value": "{click.field.color.stroke.disabled}",
-              "type": "color"
+            "stroke": {
+              "default": {
+                "value": "{click.global.color.stroke.default}",
+                "type": "color"
+              },
+              "hover": {
+                "value": "{click.global.color.stroke.default}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{click.card.primary.color.stroke.active}",
+                "type": "color"
+              },
+              "disabled": {
+                "value": "{click.field.color.stroke.disabled}",
+                "type": "color"
+              }
             }
           }
         }
diff --git a/tokens/themes/light.json b/tokens/themes/light.json
index 7efa1300..dba88ea5 100644
--- a/tokens/themes/light.json
+++ b/tokens/themes/light.json
@@ -1540,95 +1540,155 @@
         }
       },
       "horizontal": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.background.muted}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.background.muted}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "darken",
-                    "value": "0.05",
-                    "space": "lch"
-                  }
-                }
+        "default": {
+          "color": {
+            "background": {
+              "default": {
+                "value": "{click.global.color.background.default}",
+                "type": "color"
+              },
+              "hover": {
+                "value": "{click.global.color.background.muted}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{click.global.color.background.muted}",
+                "type": "color"
+              },
+              "disabled": {
+                "value": "{click.button.basic.color.primary.background.disabled}",
+                "type": "color"
               }
             },
-            "disabled": {
-              "value": "{click.button.basic.color.primary.background.disabled}",
-              "type": "color"
-            }
-          },
-          "title": {
-            "default": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.button.basic.color.primary.text.disabled}",
-              "type": "color"
-            }
-          },
-          "description": {
-            "default": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
+            "title": {
+              "default": {
+                "value": "{click.global.color.text.default}",
+                "type": "color"
+              },
+              "hover": {
+                "value": "{click.global.color.text.default}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{click.global.color.text.default}",
+                "type": "color"
+              },
+              "disabled": {
+                "value": "{click.button.basic.color.primary.text.disabled}",
+                "type": "color"
+              }
             },
-            "active": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
+            "description": {
+              "default": {
+                "value": "{click.global.color.text.muted}",
+                "type": "color"
+              },
+              "hover": {
+                "value": "{click.global.color.text.muted}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{click.global.color.text.muted}",
+                "type": "color"
+              },
+              "disabled": {
+                "value": "{click.card.primary.color.title.disabled}",
+                "type": "color"
+              }
             },
-            "disabled": {
-              "value": "{click.card.primary.color.title.disabled}",
-              "type": "color"
+            "stroke": {
+              "default": {
+                "value": "{click.global.color.stroke.default}",
+                "type": "color"
+              },
+              "hover": {
+                "value": "{click.global.color.stroke.default}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{click.card.primary.color.stroke.active}",
+                "type": "color"
+              },
+              "disabled": {
+                "value": "{click.field.color.stroke.disabled}",
+                "type": "color"
+              }
             }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
+          }
+        },
+        "muted": {
+          "color": {
+            "background": {
+              "default": {
+                "value": "{click.global.color.background.muted}",
+                "type": "color"
+              },
+              "hover": {
+                "value": "{click.global.color.background.default}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{click.global.color.background.muted}",
+                "type": "color"
+              },
+              "disabled": {
+                "value": "{click.button.basic.color.primary.background.disabled}",
+                "type": "color"
+              }
             },
-            "hover": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
+            "title": {
+              "default": {
+                "value": "{click.global.color.text.default}",
+                "type": "color"
+              },
+              "hover": {
+                "value": "{click.global.color.text.default}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{click.global.color.text.default}",
+                "type": "color"
+              },
+              "disabled": {
+                "value": "{click.card.horizontal.default.color.title.disabled}",
+                "type": "color"
+              }
             },
-            "active": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "darken",
-                    "value": "0.05",
-                    "space": "lch"
-                  }
-                }
+            "description": {
+              "default": {
+                "value": "{click.global.color.text.muted}",
+                "type": "color"
+              },
+              "hover": {
+                "value": "{click.global.color.text.muted}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{click.global.color.text.muted}",
+                "type": "color"
+              },
+              "disabled": {
+                "value": "{click.card.primary.color.title.disabled}",
+                "type": "color"
               }
             },
-            "disabled": {
-              "value": "{click.field.color.stroke.disabled}",
-              "type": "color"
+            "stroke": {
+              "default": {
+                "value": "{click.global.color.stroke.default}",
+                "type": "color"
+              },
+              "hover": {
+                "value": "{click.global.color.stroke.default}",
+                "type": "color"
+              },
+              "active": {
+                "value": "{click.card.primary.color.stroke.active}",
+                "type": "color"
+              },
+              "disabled": {
+                "value": "{click.field.color.stroke.disabled}",
+                "type": "color"
+              }
             }
           }
         }