Color Foundation

• Green: 브랜드/강조
• Gray: 텍스트/구조
• Sand: 따뜻한 배경/레이어

​

Semantic Mapping

• --boa-bg → sand-50 (light), green-900 (dark)
• --boa-surface → near-white elevated panel
• --boa-panel → warm sand panel (light), deep green panel (dark)
• --boa-text → gray-900 (light), sand-50 (dark)
• --boa-border → gray-200 (light), dark neutral border in dark mode
• --boa-accent → green-500 (light), green-600 (dark)
• --boa-accent-strong → green-700 (light), green-500 (dark)