:root {
  /* Base theme colors - shadcn default with custom overrides */
  --background: 0 0% 100%;
  --foreground: 222.2 84% 4.9%;
  --card: 0 0% 100%;
  --card-foreground: 222.2 84% 4.9%;
  --popover: 0 0% 100%;
  --popover-foreground: 222.2 84% 4.9%;
  --primary: 222.2 47.4% 11.2%;
  --primary-foreground: 210 40% 98%;
  --secondary: 210 40% 96%;
  --secondary-foreground: 222.2 47.4% 11.2%;
  --muted: 210 40% 96%;
  --muted-foreground: 215.4 16.3% 46.9%;
  --accent: 210 40% 96%;
  --accent-foreground: 222.2 47.4% 11.2%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 210 40% 98%;
  --border: 214.3 31.8% 91.4%;
  --input: 214.3 31.8% 91.4%;
  --ring: 222.2 84% 4.9%;
  --chart-1: 12 76% 61%;
  --chart-2: 173 58% 39%;
  --chart-3: 197 37% 24%;
  --chart-4: 43 74% 66%;
  --chart-5: 27 87% 67%;
  --radius: 0.5rem;
  --sidebar-background: 0 0% 98%;
  --sidebar-foreground: 240 5.3% 26.1%;
  --sidebar-primary: 240 5.9% 10%;
  --sidebar-primary-foreground: 0 0% 98%;
  --sidebar-accent: 240 4.8% 95.9%;
  --sidebar-accent-foreground: 240 5.9% 10%;
  --sidebar-border: 220 13% 91%;
  --sidebar-ring: 217.2 91.2% 59.8%;

  /* Platform Layer Colors - Campus (Gray) */
  --platform-campus-primary: 55 6% 25%; /* #374151 - gray-700 */
  --platform-campus-secondary: 220 13% 9%; /* #111827 - gray-900 */
  --platform-campus-accent: 220 9% 46%; /* #6b7280 - gray-500 */
  --platform-campus-background: 220 14% 96%;
  --platform-campus-background-dark: 220 13% 18%;
  --platform-campus-border: 220 13% 69%;
  --platform-campus-border-dark: 220 13% 39%;
  --platform-campus-text: 220 9% 15%;
  --platform-campus-text-dark: 220 14% 96%;

  /* Platform Layer Colors - Course (Emerald) */
  --platform-course-primary: 160 84% 39%; /* #10b981 - emerald-500 */
  --platform-course-secondary: 158 64% 52%; /* #047857 - emerald-700 */
  --platform-course-accent: 156 72% 67%; /* #34d399 - emerald-400 */
  --platform-course-background: 152 76% 95%;
  --platform-course-background-dark: 160 84% 8%;
  --platform-course-border: 154 75% 79%;
  --platform-course-border-dark: 160 84% 20%;
  --platform-course-text: 160 84% 15%;
  --platform-course-text-dark: 154 75% 79%;

  /* Platform Layer Colors - Module (Violet) */
  --platform-module-primary: 258 90% 66%; /* #8b5cf6 - violet-500 */
  --platform-module-secondary: 262 83% 58%; /* #6d28d9 - violet-700 */
  --platform-module-accent: 258 90% 76%; /* #a78bfa - violet-400 */
  --platform-module-background: 250 100% 97%;
  --platform-module-background-dark: 258 90% 12%;
  --platform-module-border: 253 91% 84%;
  --platform-module-border-dark: 258 90% 24%;
  --platform-module-text: 258 90% 15%;
  --platform-module-text-dark: 253 91% 84%;

  /* Platform Layer Colors - Session (Amber) */
  --platform-session-primary: 45 93% 47%; /* #f59e0b - amber-500 */
  --platform-session-secondary: 43 96% 56%; /* #d97706 - amber-600 */
  --platform-session-accent: 48 96% 53%; /* #fbbf24 - amber-400 */
  --platform-session-background: 48 100% 96%;
  --platform-session-background-dark: 45 93% 8%;
  --platform-session-border: 46 87% 77%;
  --platform-session-border-dark: 45 93% 20%;
  --platform-session-text: 45 93% 15%;
  --platform-session-text-dark: 46 87% 77%;

  /* Platform Layer Colors - Task (Red) */
  --platform-task-primary: 0 84% 60%; /* #ef4444 - red-500 */
  --platform-task-secondary: 0 72% 51%; /* #dc2626 - red-600 */
  --platform-task-accent: 0 77% 70%; /* #f87171 - red-400 */
  --platform-task-background: 0 86% 97%;
  --platform-task-background-dark: 0 84% 8%;
  --platform-task-border: 0 79% 78%;
  --platform-task-border-dark: 0 84% 20%;
  --platform-task-text: 0 84% 15%;
  --platform-task-text-dark: 0 79% 78%;

  /* Platform Layer Colors - Resource (Cyan) */
  --platform-resource-primary: 188 94% 43%; /* #06b6d4 - cyan-500 */
  --platform-resource-secondary: 185 84% 44%; /* #0891b2 - cyan-600 */
  --platform-resource-accent: 186 77% 67%; /* #22d3ee - cyan-400 */
  --platform-resource-background: 183 100% 96%;
  --platform-resource-background-dark: 188 94% 8%;
  --platform-resource-border: 185 96% 78%;
  --platform-resource-border-dark: 188 94% 20%;
  --platform-resource-text: 188 94% 15%;
  --platform-resource-text-dark: 185 96% 78%;

  /* Platform Layer Colors - Chapter (Lime) */
  --platform-chapter-primary: 84 81% 44%; /* #84cc16 - lime-500 */
  --platform-chapter-secondary: 78 69% 43%; /* #65a30d - lime-600 */
  --platform-chapter-accent: 81 88% 67%; /* #a3e635 - lime-400 */
  --platform-chapter-background: 78 92% 95%;
  --platform-chapter-background-dark: 84 81% 8%;
  --platform-chapter-border: 79 89% 78%;
  --platform-chapter-border-dark: 84 81% 20%;
  --platform-chapter-text: 84 81% 15%;
  --platform-chapter-text-dark: 79 89% 78%;

  /* Platform Layer Colors - Library (Emerald) */
  --platform-library-primary: 160 84% 39%; /* #10b981 - emerald-500 */
  --platform-library-secondary: 158 64% 52%; /* #047857 - emerald-700 */
  --platform-library-accent: 156 72% 67%; /* #34d399 - emerald-400 */
  --platform-library-background: 152 76% 95%;
  --platform-library-background-dark: 160 84% 8%;
  --platform-library-border: 154 75% 79%;
  --platform-library-border-dark: 160 84% 20%;
  --platform-library-text: 160 84% 15%;
  --platform-library-text-dark: 154 75% 79%;

  /* Platform Layer Colors - Calendar (Cyan) */
  --platform-calendar-primary: 188 94% 43%; /* #06b6d4 - cyan-500 */
  --platform-calendar-secondary: 185 84% 44%; /* #0891b2 - cyan-600 */
  --platform-calendar-accent: 186 77% 67%; /* #22d3ee - cyan-400 */
  --platform-calendar-background: 183 100% 96%;
  --platform-calendar-background-dark: 188 94% 8%;
  --platform-calendar-border: 185 96% 78%;
  --platform-calendar-border-dark: 188 94% 20%;
  --platform-calendar-text: 188 94% 15%;
  --platform-calendar-text-dark: 185 96% 78%;

  /* Platform Layer Colors - Task Management (Amber) */
  --platform-task-management-primary: 45 93% 47%; /* #f59e0b - amber-500 */
  --platform-task-management-secondary: 43 96% 56%; /* #d97706 - amber-600 */
  --platform-task-management-accent: 48 96% 53%; /* #fbbf24 - amber-400 */
  --platform-task-management-background: 48 100% 96%;
  --platform-task-management-background-dark: 45 93% 8%;
  --platform-task-management-border: 46 87% 77%;
  --platform-task-management-border-dark: 45 93% 20%;
  --platform-task-management-text: 45 93% 15%;
  --platform-task-management-text-dark: 46 87% 77%;

  /* Platform Resource Type Colors - Read (Indigo) */
  --platform-read-primary: 239 84% 67%; /* #6366f1 - indigo-500 */
  --platform-read-secondary: 243 75% 59%; /* #4338ca - indigo-700 */
  --platform-read-accent: 238 83% 77%; /* #818cf8 - indigo-400 */
  --platform-read-background: 239 100% 97%;
  --platform-read-background-dark: 239 84% 12%;
  --platform-read-border: 239 91% 84%;
  --platform-read-border-dark: 239 84% 24%;
  --platform-read-text: 239 84% 15%;
  --platform-read-text-dark: 239 91% 84%;

  /* Platform Resource Type Colors - Watch (Red) */
  --platform-watch-primary: 0 84% 60%; /* #ef4444 - red-500 */
  --platform-watch-secondary: 0 72% 51%; /* #dc2626 - red-600 */
  --platform-watch-accent: 0 77% 70%; /* #f87171 - red-400 */
  --platform-watch-background: 0 86% 97%;
  --platform-watch-background-dark: 0 84% 8%;
  --platform-watch-border: 0 79% 78%;
  --platform-watch-border-dark: 0 84% 20%;
  --platform-watch-text: 0 84% 15%;
  --platform-watch-text-dark: 0 79% 78%;

  /* Platform Resource Type Colors - Use (Emerald) */
  --platform-use-primary: 160 84% 39%; /* #10b981 - emerald-500 */
  --platform-use-secondary: 158 64% 52%; /* #047857 - emerald-700 */
  --platform-use-accent: 156 72% 67%; /* #34d399 - emerald-400 */
  --platform-use-background: 152 76% 95%;
  --platform-use-background-dark: 160 84% 8%;
  --platform-use-border: 154 75% 79%;
  --platform-use-border-dark: 160 84% 20%;
  --platform-use-text: 160 84% 15%;
  --platform-use-text-dark: 154 75% 79%;

  /* Platform Resource Type Colors - Listen (Violet) */
  --platform-listen-primary: 258 90% 66%; /* #8b5cf6 - violet-500 */
  --platform-listen-secondary: 262 83% 58%; /* #6d28d9 - violet-700 */
  --platform-listen-accent: 258 90% 76%; /* #a78bfa - violet-400 */
  --platform-listen-background: 250 100% 97%;
  --platform-listen-background-dark: 258 90% 12%;
  --platform-listen-border: 253 91% 84%;
  --platform-listen-border-dark: 258 90% 24%;
  --platform-listen-text: 258 90% 15%;
  --platform-listen-text-dark: 253 91% 84%;

  /* Platform Resource Type Colors - View (Amber) */
  --platform-view-primary: 45 93% 47%; /* #f59e0b - amber-500 */
  --platform-view-secondary: 43 96% 56%; /* #d97706 - amber-600 */
  --platform-view-accent: 48 96% 53%; /* #fbbf24 - amber-400 */
  --platform-view-background: 48 100% 96%;
  --platform-view-background-dark: 45 93% 8%;
  --platform-view-border: 46 87% 77%;
  --platform-view-border-dark: 45 93% 20%;
  --platform-view-text: 45 93% 15%;
  --platform-view-text-dark: 46 87% 77%;
}

.dark {
  /* Base theme colors - shadcn dark mode with custom overrides */
  --background: 222.2 84% 4.9%;
  --foreground: 210 40% 98%;
  --card: 222.2 84% 4.9%;
  --card-foreground: 210 40% 98%;
  --popover: 222.2 84% 4.9%;
  --popover-foreground: 210 40% 98%;
  --primary: 210 40% 98%;
  --primary-foreground: 222.2 47.4% 11.2%;
  --secondary: 217.2 32.6% 17.5%;
  --secondary-foreground: 210 40% 98%;
  --muted: 217.2 32.6% 17.5%;
  --muted-foreground: 215 20.2% 65.1%;
  --accent: 217.2 32.6% 17.5%;
  --accent-foreground: 210 40% 98%;
  --destructive: 0 62.8% 30.6%;
  --destructive-foreground: 210 40% 98%;
  --border: 217.2 32.6% 17.5%;
  --input: 217.2 32.6% 17.5%;
  --ring: 212.7 26.8% 83.9%;
  --chart-1: 220 70% 50%;
  --chart-2: 160 60% 45%;
  --chart-3: 30 80% 55%;
  --chart-4: 280 65% 60%;
  --chart-5: 340 75% 55%;
  --sidebar-background: 222.2 84% 4.9%;
  --sidebar-foreground: 210 40% 98%;
  --sidebar-primary: 210 40% 98%;
  --sidebar-primary-foreground: 222.2 47.4% 11.2%;
  --sidebar-accent: 217.2 32.6% 17.5%;
  --sidebar-accent-foreground: 210 40% 98%;
  --sidebar-border: 217.2 32.6% 17.5%;
  --sidebar-ring: 217.2 91.2% 59.8%;

  /* Platform Layer Colors - Dark Mode Overrides */
  --platform-campus-background: var(--platform-campus-background-dark);
  --platform-campus-border: var(--platform-campus-border-dark);
  --platform-campus-text: var(--platform-campus-text-dark);

  --platform-course-background: var(--platform-course-background-dark);
  --platform-course-border: var(--platform-course-border-dark);
  --platform-course-text: var(--platform-course-text-dark);

  --platform-module-background: var(--platform-module-background-dark);
  --platform-module-border: var(--platform-module-border-dark);
  --platform-module-text: var(--platform-module-text-dark);

  --platform-session-background: var(--platform-session-background-dark);
  --platform-session-border: var(--platform-session-border-dark);
  --platform-session-text: var(--platform-session-text-dark);

  --platform-task-background: var(--platform-task-background-dark);
  --platform-task-border: var(--platform-task-border-dark);
  --platform-task-text: var(--platform-task-text-dark);

  --platform-resource-background: var(--platform-resource-background-dark);
  --platform-resource-border: var(--platform-resource-border-dark);
  --platform-resource-text: var(--platform-resource-text-dark);

  --platform-chapter-background: var(--platform-chapter-background-dark);
  --platform-chapter-border: var(--platform-chapter-border-dark);
  --platform-chapter-text: var(--platform-chapter-text-dark);

  --platform-library-background: var(--platform-library-background-dark);
  --platform-library-border: var(--platform-library-border-dark);
  --platform-library-text: var(--platform-library-text-dark);

  --platform-calendar-background: var(--platform-calendar-background-dark);
  --platform-calendar-border: var(--platform-calendar-border-dark);
  --platform-calendar-text: var(--platform-calendar-text-dark);

  --platform-task-management-background: var(--platform-task-management-background-dark);
  --platform-task-management-border: var(--platform-task-management-border-dark);
  --platform-task-management-text: var(--platform-task-management-text-dark);

  /* Platform Resource Type Colors - Dark Mode Overrides */
  --platform-read-background: var(--platform-read-background-dark);
  --platform-read-border: var(--platform-read-border-dark);
  --platform-read-text: var(--platform-read-text-dark);

  --platform-watch-background: var(--platform-watch-background-dark);
  --platform-watch-border: var(--platform-watch-border-dark);
  --platform-watch-text: var(--platform-watch-text-dark);

  --platform-use-background: var(--platform-use-background-dark);
  --platform-use-border: var(--platform-use-border-dark);
  --platform-use-text: var(--platform-use-text-dark);

  --platform-listen-background: var(--platform-listen-background-dark);
  --platform-listen-border: var(--platform-listen-border-dark);
  --platform-listen-text: var(--platform-listen-text-dark);

  --platform-view-background: var(--platform-view-background-dark);
  --platform-view-border: var(--platform-view-border-dark);
  --platform-view-text: var(--platform-view-text-dark);
}