diff --git a/CLAUDE.md b/CLAUDE.md
index d248a92c..ba233de6 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -125,7 +125,7 @@ Add new `@source` declarations in global.css:
 
 ## Available Utility Classes
 
-This section is auto-generated from the CSS files. Last updated: 2025-08-25T18:18:23.510Z
+This section is auto-generated from the CSS files. Last updated: 2025-09-17T19:17:47.208Z
 
 ### Typography Utilities
 
@@ -722,6 +722,269 @@ This section is auto-generated from the CSS files. Last updated: 2025-08-25T18:1
 }
 ```
 
+#### `text-btn-brand`
+
+```css
+.text-btn-brand {
+  color: var(--color-neutral-900);
+
+  /* dark variant */
+    color: var(--color-neutral-100);
+}
+```
+
+#### `text-btn-brand-hover`
+
+```css
+.text-btn-brand-hover {
+  color: var(--color-base-black);
+
+  /* dark variant */
+    color: var(--color-base-white);
+}
+```
+
+#### `text-btn-brand-active`
+
+```css
+.text-btn-brand-active {
+  color: var(--color-base-black);
+
+  /* dark variant */
+    color: var(--color-base-white);
+}
+```
+
+#### `text-btn-brand-disabled`
+
+```css
+.text-btn-brand-disabled {
+  color: var(--color-neutral-900);
+  opacity: 0.4;
+
+  /* dark variant */
+    color: var(--color-neutral-100);
+    opacity: 0.4;
+}
+```
+
+#### `text-btn-primary`
+
+```css
+.text-btn-primary {
+  color: var(--color-neutral-100);
+
+  /* dark variant */
+    color: var(--color-neutral-900);
+}
+```
+
+#### `text-btn-primary-hover`
+
+```css
+.text-btn-primary-hover {
+  color: var(--color-base-white);
+
+  /* dark variant */
+    color: var(--color-base-black);
+}
+```
+
+#### `text-btn-primary-active`
+
+```css
+.text-btn-primary-active {
+  color: var(--color-base-white);
+
+  /* dark variant */
+    color: var(--color-base-black);
+}
+```
+
+#### `text-btn-primary-disabled`
+
+```css
+.text-btn-primary-disabled {
+  color: var(--color-neutral-100);
+  opacity: 0.4;
+
+  /* dark variant */
+    color: var(--color-neutral-900);
+    opacity: 0.4;
+}
+```
+
+#### `text-btn-secondary`
+
+```css
+.text-btn-secondary {
+  color: var(--color-neutral-900);
+
+  /* dark variant */
+    color: var(--color-neutral-100);
+}
+```
+
+#### `text-btn-secondary-hover`
+
+```css
+.text-btn-secondary-hover {
+  color: var(--color-base-black);
+
+  /* dark variant */
+    color: var(--color-base-white);
+}
+```
+
+#### `text-btn-secondary-active`
+
+```css
+.text-btn-secondary-active {
+  color: var(--color-base-black);
+
+  /* dark variant */
+    color: var(--color-base-white);
+}
+```
+
+#### `text-btn-secondary-disabled`
+
+```css
+.text-btn-secondary-disabled {
+  color: var(--color-neutral-900);
+  opacity: 0.4;
+
+  /* dark variant */
+    color: var(--color-neutral-100);
+    opacity: 0.4;
+}
+```
+
+#### `text-btn-tertiary`
+
+```css
+.text-btn-tertiary {
+  color: var(--color-neutral-900);
+
+  /* dark variant */
+    color: var(--color-neutral-100);
+}
+```
+
+#### `text-btn-tertiary-hover`
+
+```css
+.text-btn-tertiary-hover {
+  color: var(--color-base-black);
+
+  /* dark variant */
+    color: var(--color-base-white);
+}
+```
+
+#### `text-btn-tertiary-active`
+
+```css
+.text-btn-tertiary-active {
+  color: var(--color-base-black);
+
+  /* dark variant */
+    color: var(--color-base-white);
+}
+```
+
+#### `text-btn-tertiary-disabled`
+
+```css
+.text-btn-tertiary-disabled {
+  color: var(--color-neutral-900);
+  opacity: 0.4;
+
+  /* dark variant */
+    color: var(--color-neutral-100);
+    opacity: 0.4;
+}
+```
+
+#### `text-btn-destructive-primary`
+
+```css
+.text-btn-destructive-primary {
+  color: var(--color-base-white);
+}
+```
+
+#### `text-btn-destructive-primary-hover`
+
+```css
+.text-btn-destructive-primary-hover {
+  color: var(--color-base-white);
+}
+```
+
+#### `text-btn-destructive-primary-active`
+
+```css
+.text-btn-destructive-primary-active {
+  color: var(--color-base-white);
+}
+```
+
+#### `text-btn-destructive-primary-disabled`
+
+```css
+.text-btn-destructive-primary-disabled {
+  color: var(--color-base-white);
+  opacity: 0.4;
+}
+```
+
+#### `text-btn-destructive-secondary`
+
+```css
+.text-btn-destructive-secondary {
+  color: var(--color-feedback-red-600);
+
+  /* dark variant */
+    color: var(--color-feedback-red-400);
+}
+```
+
+#### `text-btn-destructive-secondary-hover`
+
+```css
+.text-btn-destructive-secondary-hover {
+  color: var(--color-feedback-red-700);
+
+  /* dark variant */
+    color: var(--color-feedback-red-500);
+}
+```
+
+#### `text-btn-destructive-secondary-active`
+
+```css
+.text-btn-destructive-secondary-active {
+  color: var(--color-feedback-red-800);
+
+  /* dark variant */
+    color: var(--color-feedback-red-600);
+}
+```
+
+#### `text-btn-destructive-secondary-disabled`
+
+```css
+.text-btn-destructive-secondary-disabled {
+  color: var(--color-feedback-red-600);
+  opacity: 0.4;
+
+  /* dark variant */
+    color: var(--color-feedback-red-400);
+    opacity: 0.4;
+}
+```
+
 #### `text-warning`
 
 ```css
@@ -754,6 +1017,22 @@ This section is auto-generated from the CSS files. Last updated: 2025-08-25T18:1
 }
 ```
 
+#### `bg-gradient-green`
+
+```css
+.bg-gradient-green {
+  background: var(--gradient-brand-green);
+}
+```
+
+#### `bg-gradient-red`
+
+```css
+.bg-gradient-red {
+  background: var(--gradient-brand-red);
+}
+```
+
 #### `bg-surface-primary`
 
 ```css
@@ -784,6 +1063,190 @@ This section is auto-generated from the CSS files. Last updated: 2025-08-25T18:1
 }
 ```
 
+#### `bg-btn-brand`
+
+```css
+.bg-btn-brand {
+  background-color: var(--color-base-white);
+
+  /* dark variant */
+    background-color: var(--color-base-black);
+}
+```
+
+#### `bg-btn-brand-hover`
+
+```css
+.bg-btn-brand-hover {
+  background-color: var(--color-neutral-100);
+
+  /* dark variant */
+    background-color: var(--color-neutral-900);
+}
+```
+
+#### `bg-btn-brand-active`
+
+```css
+.bg-btn-brand-active {
+  background-color: var(--color-neutral-200);
+
+  /* dark variant */
+    background-color: var(--color-neutral-800);
+}
+```
+
+#### `bg-btn-brand-disabled`
+
+```css
+.bg-btn-brand-disabled {
+  background-color: var(--color-base-white);
+  opacity: 1;
+  color: var(--text-muted);
+
+  /* dark variant */
+    background-color: var(--color-base-black);
+}
+```
+
+#### `bg-btn-primary`
+
+```css
+.bg-btn-primary {
+  background-color: var(--color-neutral-800);
+
+  /* dark variant */
+    background-color: var(--color-neutral-200);
+}
+```
+
+#### `bg-btn-primary-hover`
+
+```css
+.bg-btn-primary-hover {
+  background-color: var(--color-neutral-900);
+
+  /* dark variant */
+    background-color: var(--color-neutral-100);
+}
+```
+
+#### `bg-btn-primary-active`
+
+```css
+.bg-btn-primary-active {
+  background-color: var(--color-base-black);
+
+  /* dark variant */
+    background-color: var(--color-base-white);
+}
+```
+
+#### `bg-btn-primary-disabled`
+
+```css
+.bg-btn-primary-disabled {
+  background-color: var(--color-neutral-800);
+  opacity: 0.4;
+
+  /* dark variant */
+    background-color: var(--color-neutral-200);
+    opacity: 0.4;
+}
+```
+
+#### `bg-btn-secondary`
+
+```css
+.bg-btn-secondary {
+  background-color: var(--color-neutral-200);
+
+  /* dark variant */
+    background-color: var(--color-neutral-800);
+}
+```
+
+#### `bg-btn-secondary-hover`
+
+```css
+.bg-btn-secondary-hover {
+  background-color: var(--color-neutral-300);
+
+  /* dark variant */
+    background-color: var(--color-neutral-700);
+}
+```
+
+#### `bg-btn-secondary-active`
+
+```css
+.bg-btn-secondary-active {
+  background-color: var(--color-neutral-400);
+
+  /* dark variant */
+    background-color: var(--color-neutral-600);
+}
+```
+
+#### `bg-btn-secondary-disabled`
+
+```css
+.bg-btn-secondary-disabled {
+  background-color: var(--color-neutral-200);
+  opacity: 0.4;
+
+  /* dark variant */
+    background-color: var(--color-neutral-800);
+    opacity: 0.4;
+}
+```
+
+#### `bg-btn-destructive`
+
+```css
+.bg-btn-destructive {
+  background-color: var(--color-feedback-red-600);
+
+  /* dark variant */
+    background-color: var(--color-feedback-red-400);
+}
+```
+
+#### `bg-btn-destructive-hover`
+
+```css
+.bg-btn-destructive-hover {
+  background-color: var(--color-feedback-red-700);
+
+  /* dark variant */
+    background-color: var(--color-feedback-red-500);
+}
+```
+
+#### `bg-btn-destructive-active`
+
+```css
+.bg-btn-destructive-active {
+  background-color: var(--color-feedback-red-800);
+
+  /* dark variant */
+    background-color: var(--color-feedback-red-600);
+}
+```
+
+#### `bg-btn-destructive-disabled`
+
+```css
+.bg-btn-destructive-disabled {
+  background-color: var(--color-feedback-red-600);
+  opacity: 0.4;
+
+  /* dark variant */
+    background-color: var(--color-feedback-red-400);
+    opacity: 0.4;
+}
+```
+
 #### `bg-surface-primary-default`
 
 ```css
diff --git a/package.json b/package.json
index 17afaf77..3981585c 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,8 @@
     "src/global.css",
     "src/base.css",
     "src/utilities.css",
-    "types"
+    "types",
+    "README.md"
   ],
   "scripts": {
     "clean": "rimraf dist",
diff --git a/types/utilities.d.ts b/types/utilities.d.ts
index f8c4a39c..e12fd930 100644
--- a/types/utilities.d.ts
+++ b/types/utilities.d.ts
@@ -1,6 +1,6 @@
 /**
  * Auto-generated TypeScript definitions for Moonshine utilities
- * Generated on: 2025-08-25T18:18:23.509Z
+ * Generated on: 2025-09-17T19:17:47.206Z
  *
  * DO NOT EDIT THIS FILE DIRECTLY
  * Run 'pnpm generate:docs' to update
@@ -68,7 +68,33 @@ export type MoonshineUtilities =
   | 'text-link-success'
   | 'text-default-warning'
   | 'text-link-warning'
+  | 'text-btn-brand'
+  | 'text-btn-brand-hover'
+  | 'text-btn-brand-active'
+  | 'text-btn-brand-disabled'
+  | 'text-btn-primary'
+  | 'text-btn-primary-hover'
+  | 'text-btn-primary-active'
+  | 'text-btn-primary-disabled'
+  | 'text-btn-secondary'
+  | 'text-btn-secondary-hover'
+  | 'text-btn-secondary-active'
+  | 'text-btn-secondary-disabled'
+  | 'text-btn-tertiary'
+  | 'text-btn-tertiary-hover'
+  | 'text-btn-tertiary-active'
+  | 'text-btn-tertiary-disabled'
+  | 'text-btn-destructive-primary'
+  | 'text-btn-destructive-primary-hover'
+  | 'text-btn-destructive-primary-active'
+  | 'text-btn-destructive-primary-disabled'
+  | 'text-btn-destructive-secondary'
+  | 'text-btn-destructive-secondary-hover'
+  | 'text-btn-destructive-secondary-active'
+  | 'text-btn-destructive-secondary-disabled'
   | 'bg-gradient-primary'
+  | 'bg-gradient-green'
+  | 'bg-gradient-red'
   | 'border-gradient-primary'
   | 'bg-surface-primary'
   | 'bg-surface-secondary'
@@ -158,6 +184,22 @@ export type MoonshineUtilities =
   | 'stroke-warning-highlight'
   | 'stroke-warning-default'
   | 'stroke-warning-muted'
+  | 'bg-btn-brand'
+  | 'bg-btn-brand-hover'
+  | 'bg-btn-brand-active'
+  | 'bg-btn-brand-disabled'
+  | 'bg-btn-primary'
+  | 'bg-btn-primary-hover'
+  | 'bg-btn-primary-active'
+  | 'bg-btn-primary-disabled'
+  | 'bg-btn-secondary'
+  | 'bg-btn-secondary-hover'
+  | 'bg-btn-secondary-active'
+  | 'bg-btn-secondary-disabled'
+  | 'bg-btn-destructive'
+  | 'bg-btn-destructive-hover'
+  | 'bg-btn-destructive-active'
+  | 'bg-btn-destructive-disabled'
   | 'bg-surface-primary-default'
   | 'bg-surface-primary-inverse'
   | 'bg-surface-secondary-default'
@@ -190,7 +232,7 @@ export type MoonshineUtilities =
   | 'bg-warning-highlight'
   | 'bg-warning-default'
   | 'bg-warning-muted'
-  | 'bg-warning-softest'
+  | 'bg-warning-softest';
 
 /**
  * Semantic color utilities available from theme
@@ -416,19 +458,14 @@ export type MoonshineColorUtilities =
   | 'text-body-muted'
   | 'border-body-muted'
   | 'ring-body-muted'
-  | 'divide-body-muted'
+  | 'divide-body-muted';
 
 /**
  * All available Moonshine utility classes
  */
-export type MoonshineClasses = MoonshineUtilities | MoonshineColorUtilities
+export type MoonshineClasses = MoonshineUtilities | MoonshineColorUtilities;
 
 /**
  * Helper type for className props
  */
-export type MoonshineClassName =
-  | MoonshineClasses
-  | MoonshineClasses[]
-  | undefined
-  | null
-  | false
+export type MoonshineClassName = MoonshineClasses | MoonshineClasses[] | undefined | null | false;