vancouver/.github/copilot-instructions.md

Copilot Instructions

This is a Svelte project with the following specifications:

Tech Stack

• Svelte with Vite (no webpack)
• Docker/Podman for local development
• GitHub Actions for CI/CD and GitHub Pages deployment
• SPA Router for routing
• Lucide Svelte for icons

Architecture

• Component-based architecture with reusable components
• Global styles and component-specific styles
• Multilanguage support with browser detection
• Theme switching (light/dark mode) with system detection
• Responsive design for mobile and desktop
• Local storage for user preferences
• Smooth animations and scroll effects

Key Components

• Header (with language switcher and theme switcher)
• Footer
• LanguageSwitcher
• ThemeSwitcher
• Main content components

Styling Guidelines

• Use CSS custom properties for theming
• Mobile-first responsive design
• Smooth transitions and animations
• Modern, clean design aesthetic

State Management

• Use Svelte stores for global state
• Store user preferences (theme, language) in localStorage
• Detect browser language and system theme as defaults