# ~/design-system.md

## Typography
- **Display**: Geist, 6rem (96px), Bold, -0.05em tracking
- **H1**: Geist, 3.75rem (60px), Medium, -0.04em tracking
- **H2**: Geist, 3rem (48px), Medium, -0.04em tracking
- **Nav**: Geist Mono, 14px, Regular, Lowercase
- **Meta**: Geist Mono, 14px, Regular, Lowercase

## Color System
- **Background**: HSL(0 0% 100%) / Dark: HSL(240 10% 3.9%)
- **Foreground**: HSL(0 0% 0%) / Dark: HSL(0 0% 98%)
- **Primary**: HSL(0 0% 0%) / Dark: HSL(0 0% 98%)
- **Muted**: HSL(0 0% 96.1%) / Dark: HSL(240 3.7% 15.9%)
- **Border**: HSL(0 0% 89.8%) / Dark: HSL(240 3.7% 15.9%)

## Components
### PrimaryCTA
- **Style**: Rounded (8px), Inset hover effect (2px offset)
- **Variants**: Primary (Solid), Outline

### Grid
- **System**: 4-column asymmetrical square grid (Desktop)
- **Gaps**: 8px (gap-2)

## Identity
- **Logo**: mantas-vaitukaitis (Geist Mono, Medium weight)