diff --git a/src/index.css b/src/index.css
index 449a575..df8b631 100644
--- a/src/index.css
+++ b/src/index.css
@@ -668,6 +668,34 @@
     --gradient-end: #00e5ff;
   }
 
+  /* ===== COTTON CANDY LIGHT ===== */
+  [data-theme="cotton-candy-light"] {
+    color-scheme: light;
+    --picker-icon-filter: none;
+    --bg-primary: #fff5f9;
+    --bg-secondary: #ffe8f2;
+    --bg-tertiary: #ffd6e8;
+    --text-primary: #8b2635;
+    --text-secondary: #b05470;
+    --accent: #ff85a2;
+    --accent-hover: #ff6b8d;
+    --accent-text: #ffffff;
+    --border: #ffc2d9;
+    --card-bg: #ffe8f2;
+    --input-bg: #fff5f9;
+    --input-border: #ffaac8;
+    --nav-bg: #ffe8f2;
+    --sidebar-bg: #ffd6e8;
+    --hover-bg: #ffd6e8;
+    --success: #5cb85c;
+    --warning: #f0ad4e;
+    --error: #d9534f;
+    --ring: #ff85a2;
+    --shadow-color: rgba(255, 133, 162, 0.15);
+    --gradient-start: #ff85a2;
+    --gradient-end: #c084fc;
+  }
+
 
 @layer components {
   .btn-primary {
diff --git a/src/themes/index.js b/src/themes/index.js
index 287cba8..fd7cd89 100644
--- a/src/themes/index.js
+++ b/src/themes/index.js
@@ -160,6 +160,13 @@ export const themes = [
     group: 'Community',
     colors: { bg: '#0a0a0f', accent: '#ff0080', text: '#e0e0ff' },
   },
+  {
+    id: 'cotton-candy-light',
+    name: 'Cotton Candy Light',
+    type: 'light',
+    group: 'Community',
+    colors: { bg: '#fff5f9', accent: '#ff85a2', text: '#8b2635' },
+  },
 ];
 
 export function getThemeById(id) {