Set colorscheme.

plan/01_CORE_MVP/frontend.md

@@ -1,7 +1,7 @@
 # Frontend MVP Implementation Plan
 
 ## Overview
-This plan details the concrete implementation steps for the Captain's Log frontend MVP using Vite + React + TypeScript + Tailwind CSS with comprehensive testing infrastructure.
+This plan details the concrete implementation steps for the Captain's Log frontend MVP using Vite + React + TypeScript with comprehensive testing infrastructure.
 
 ## Project Structure (Planned Implementation)
 ```
@@ -15,7 +15,7 @@ captains-log/
     ├── package.json                # Node.js project manifest
     ├── vite.config.ts              # Vite configuration
     ├── tsconfig.json               # TypeScript configuration
-    ├── tailwind.config.js          # Tailwind CSS configuration
+    ├── postcss.config.js           # PostCSS configuration
     ├── index.html                  # Entry HTML file
     ├── src/
     │   ├── main.tsx                # Application entry point
@@ -35,7 +35,7 @@ captains-log/
     │   ├── types/
     │   │   └── task.ts             # TypeScript type definitions
     │   └── styles/
-    │       └── index.css           # Tailwind imports and custom styles
+    │       └── index.css           # CSS imports and custom styles
     └── tests/
         └── components/             # Component unit tests
 ```
@@ -45,16 +45,16 @@ captains-log/
 ### Task 1.1: Initialize Frontend Project
 - [x] **File**: `frontend/package.json`
   - Create new Vite + React + TypeScript project
-  - Add dependencies: react, react-dom, react-router-dom, tailwindcss, @types/*
+  - Add dependencies: react, react-dom, react-router-dom, @types/*
   - Add dev dependencies: vitest, @testing-library/react, @testing-library/jest-dom
   - Configure scripts for dev, build, test, lint
   - **Expected outcome**: `npm install` succeeds
 
 ### Task 1.2: Setup Build Tools and Configuration
-- [x] **Files**: `frontend/vite.config.ts`, `frontend/tsconfig.json`, `frontend/tailwind.config.js`
+- [x] **Files**: `frontend/vite.config.ts`, `frontend/tsconfig.json`, `frontend/postcss.config.js`
   - Configure Vite with React plugin and proxy to backend
   - Setup TypeScript with strict mode and path aliases
-  - Configure Tailwind CSS with custom design tokens
+  - Configure CSS styling framework
   - Setup Vitest for testing
   - **Expected outcome**: `npm run dev` starts frontend development server
 
@@ -107,13 +107,13 @@ captains-log/
 
 ## Phase 3: Core Components (Days 5-6)
 
-**UI Framework**: Use Material-UI (MUI) for consistent design system and components alongside Tailwind CSS for custom styling.
+**UI Framework**: Use Material-UI (MUI) for consistent design system and components alongside CSS for custom styling.
 
 ### Task 3.1: Main App Component and Routing
 - [ ] **Files**: `frontend/src/App.tsx`, `frontend/src/main.tsx`
   - Setup React Router with basic navigation
   - Create main layout with MUI AppBar/Drawer and task area
-  - Implement responsive design with MUI breakpoints and Tailwind utilities
+  - Implement responsive design with MUI breakpoints and CSS
   - Add MUI loading states (CircularProgress) and error boundaries
   - Configure MUI theme with custom colors
   - **Expected outcome**: Full application loads and navigates properly with Material Design
@@ -235,7 +235,6 @@ captains-log/
     "@vitejs/plugin-react": "^4.3.0",
     "vite": "^5.4.0",
     "typescript": "^5.5.0",
-    "tailwindcss": "^3.4.0",
     "vitest": "^2.0.0",
     "@testing-library/react": "^16.0.0",
     "@testing-library/jest-dom": "^6.5.0"

plan/01_CORE_MVP/plan.md

@@ -34,7 +34,7 @@ CREATE TABLE tasks (
 );
 ```
 
-#### Frontend: Vite + React + Tailwind
+#### Frontend: Vite + React
 - Single-page task management interface with React Router
 - Quick capture form with React hooks
 - Task list with inline editing using React components
@@ -81,7 +81,7 @@ CREATE TABLE tasks (
 #### Week 2: Frontend Foundation  
 1. **Vite + React Setup**
    - Initialize Vite project with React template
-   - Configure Tailwind CSS
+   - Configure CSS styling
    - Setup React Router for navigation
    - Setup API client utilities
    - **Testing**: Setup Vitest, React Testing Library, and Playwright