Raycast

# Raycast Design System

## Visual Theme & Atmosphere
Sleek dark chrome. The deep charcoal (#1A1A1A) background with vibrant gradients (red-orange) creates macOS-native sophistication. Keyboard-first interactions with command palette UI. Every pixel feels polished by developers who obsess over details.

## Color Palette & Roles
| Token | Hex | Role |
|-------|-----|------|
| Primary | #FF6363 | Coral accent |
| Secondary | #FF9F43 | Orange accent |
| Background | #1A1A1A | Dark chrome |
| Surface | #252525 | Elevated surfaces |
| Text | #FFFFFF | Primary text |
| Muted | #A0A0A0 | Secondary text |
| Border | #333333 | Subtle dividers |

## Typography Rules
- **Fonts**: SF Pro Display/Text (macOS native)
- **Base Size**: 14px (compact)
- **Line Height**: 1.4

## Component Stylings
- **Command Palette**: Dark overlay, search input, list items
- **Icons**: Colorful gradient icons
- **Shortcuts**: Keyboard combo badges

## Agent Prompt Guide
Dark chrome UI, vibrant gradient accents, command palette patterns, keyboard shortcuts.