diff --git a/core/src/themes/base/dark.tokens.ts b/core/src/themes/base/dark.tokens.ts
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/core/src/themes/base/default.tokens.ts b/core/src/themes/base/default.tokens.ts
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/core/src/themes/base/light.tokens.ts b/core/src/themes/base/light.tokens.ts
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/core/src/themes/ionic/dark.tokens.ts b/core/src/themes/ionic/dark.tokens.ts
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/core/src/themes/ionic/default.tokens.ts b/core/src/themes/ionic/default.tokens.ts
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/core/src/themes/ionic/light.tokens.ts b/core/src/themes/ionic/light.tokens.ts
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/core/src/themes/ios/dark.tokens.ts b/core/src/themes/ios/dark.tokens.ts
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/core/src/themes/ios/default.tokens.ts b/core/src/themes/ios/default.tokens.ts
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/core/src/themes/ios/light.tokens.ts b/core/src/themes/ios/light.tokens.ts
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/core/src/themes/md/dark.tokens.ts b/core/src/themes/md/dark.tokens.ts
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/core/src/themes/md/default.tokens.ts b/core/src/themes/md/default.tokens.ts
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/core/src/themes/md/light.tokens.ts b/core/src/themes/md/light.tokens.ts
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/docs/themes/README.md b/docs/themes/README.md
new file mode 100644
index 00000000000..88af9ab9770
--- /dev/null
+++ b/docs/themes/README.md
@@ -0,0 +1,51 @@
+# Ionic Themes
+
+The Ionic Framework uses a modular theme system that separates core functionality from visual styling. Each theme is distributed in the [@ionic/theme](https://www.npmjs.com/package/@ionic/theme) package.
+
+## Directory Structure
+
+```bash
+core/
+└── src/
+    └── themes/
+        ├── base/
+        │   ├── default.tokens.ts   # Base design tokens shared across all themes
+        │   ├── dark.tokens.ts      # Dark mode tokens shared across all themes
+        │   └── light.tokens.ts     # Light mode tokens shared across all themes
+        │
+        ├── ionic/
+        │   ├── default.tokens.ts   # Ionic theme default design tokens
+        │   ├── dark.tokens.ts      # Ionic theme dark mode tokens
+        │   └── light.tokens.ts     # Ionic theme light mode tokens
+        │
+        ├── ios/
+        │   ├── default.tokens.ts   # iOS theme default design tokens
+        │   ├── dark.tokens.ts      # iOS theme dark mode tokens
+        │   └── light.tokens.ts     # iOS theme light mode tokens
+        │
+        ├── md/
+        │   ├── default.tokens.ts   # MD theme default tokens
+        │   ├── dark.tokens.ts      # MD theme dark mode tokens
+        │   └── light.tokens.ts     # MD theme light mode tokens
+        │
+        ├── functions.color.scss    # Sass color utility functions
+        ├── functions.font.scss     # Sass font and typography functions
+        ├── functions.sizes.scss    # Sass sizing and spacing functions
+        ├── functions.string.scss   # Sass string manipulation functions
+        │
+        └── mixins.scss             # Sass mixins
+```
+
+## Available Themes
+
+### iOS Theme (`@ionic/theme/ios`)
+- **Design System**: iOS Human Interface Guidelines
+- **Usage**: `import '@ionic/theme/ios'`
+
+### Material Design Theme (`@ionic/theme/md`)
+- **Design System**: Material Design
+- **Usage**: `import '@ionic/theme/md'`
+
+### Ionic Theme (`@ionic/theme/ionic`)
+- **Design System**: Ionic-branded design system
+- **Usage**: `import '@ionic/theme/ionic'`