Arc Browser

# Arc Browser Design System

## Visual Theme & Atmosphere
创新浏览器。渐变色侧边栏，空间切换，现代网页体验设计

## Color Palette & Roles
| Token | Hex | Role |
|-------|-----|------|
| Primary | #6366F1 | Brand color |
| Secondary | #8B5CF6 | Hover/secondary |
| Background | #1E1E2E | Main canvas |
| Surface | #282A36 | Cards, panels |
| Text | #CDD6F4 | Primary text |
| Muted | #6C7086 | Secondary text |
| Border | #313244 | Dividers |

## Typography Rules
- **Heading Font**: SF Pro Display, system-ui, sans-serif
- **Body Font**: SF Pro Text, system-ui, sans-serif

- **Base Size**: 14px
- **Line Height**: 1.4
- **Weights**: 400, 500, 600

## Component Stylings
- **Buttons**: Primary accent color, clean rounded style
- **Cards**: Surface background, subtle borders, hover states
- **Navigation**: Clean, brand-colored indicators

## Agent Prompt Guide
Use Arc Browser's design language: 创新浏览器.
Primary color #6366F1 on #1E1E2E background.
Typography: SF Pro Display.