🧱 Core Elements & Variants

1. Typography

• [x] Heading XL (32–36px) — screen titles
• [ ] Heading M (24–28px) — section headers
• [x] Body Base (16px) — default text
• [x] Body Small (14px) — supporting text
• [x] Caption (12px) — hints, helper text
• [x] Variant: Regular / Bold
• [x] Variant: All-caps vs Sentence case

2. Color Tokens

• [x] black — #000000
• [x] white — #FFFFFF
• [x] gray-100 — #F5F5F5
• [x] gray-600 — #999999
• [x] gray-900 — #1A1A1A
• [ ] Create light and dark mode versions

3. Spacing System