Text Colors

<div class="space-y-6"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"><div class="border border-semantic-border rounded-lg overflow-hidden"><div class="w-full h-20" style="background-color:#171717"></div><div class="p-4"><h4 class="typography-body1-bold mb-1">Text Primary</h4><p class="typography-caption1 text-semantic-text-secondary mb-2">주요 텍스트 컬러</p><div class="space-y-1"><div class="typography-caption2 font-mono text-semantic-text-secondary">#171717</div><div class="typography-caption2 font-mono text-semantic-text-secondary">text-semantic-text-primary</div></div></div></div><div class="border border-semantic-border rounded-lg overflow-hidden"><div class="w-full h-20" style="background-color:#2F2F2F"></div><div class="p-4"><h4 class="typography-body1-bold mb-1">Text Secondary</h4><p class="typography-caption1 text-semantic-text-secondary mb-2">보조 텍스트 컬러</p><div class="space-y-1"><div class="typography-caption2 font-mono text-semantic-text-secondary">#2F2F2F</div><div class="typography-caption2 font-mono text-semantic-text-secondary">text-semantic-text-secondary</div></div></div></div><div class="border border-semantic-border rounded-lg overflow-hidden"><div class="w-full h-20" style="background-color:#d4d7d4"></div><div class="p-4"><h4 class="typography-body1-bold mb-1">Text Disabled</h4><p class="typography-caption1 text-semantic-text-secondary mb-2">비활성 텍스트 컬러</p><div class="space-y-1"><div class="typography-caption2 font-mono text-semantic-text-secondary">#d4d7d4</div><div class="typography-caption2 font-mono text-semantic-text-secondary">text-semantic-text-disabled</div></div></div></div><div class="border border-semantic-border rounded-lg overflow-hidden"><div class="w-full h-20" style="background-color:#000000"></div><div class="p-4"><h4 class="typography-body1-bold mb-1">Text Black</h4><p class="typography-caption1 text-semantic-text-secondary mb-2">검정 텍스트</p><div class="space-y-1"><div class="typography-caption2 font-mono text-semantic-text-secondary">#000000</div><div class="typography-caption2 font-mono text-semantic-text-secondary">text-semantic-text-black</div></div></div></div><div class="border border-semantic-border rounded-lg overflow-hidden"><div class="w-full h-20" style="background-color:#FFFFFF"></div><div class="p-4"><h4 class="typography-body1-bold mb-1">Text White</h4><p class="typography-caption1 text-semantic-text-secondary mb-2">흰색 텍스트</p><div class="space-y-1"><div class="typography-caption2 font-mono text-semantic-text-secondary">#FFFFFF</div><div class="typography-caption2 font-mono text-semantic-text-secondary">text-semantic-text-white</div></div></div></div></div><div class="mt-8"><h3 class="typography-headline3-bold mb-4">Color Strip</h3><div class="flex h-16 rounded-lg overflow-hidden border border-semantic-border"><div class="flex-1 relative group cursor-pointer" style="background-color:#171717" title="Text Primary - #171717"><div class="absolute inset-0 bg-opacity-0 group-hover:bg-opacity-10 transition-all flex items-center justify-center"><span class="typography-caption2 text-white opacity-0 group-hover:opacity-100 transition-opacity font-semibold drop-shadow">Primary</span></div></div><div class="flex-1 relative group cursor-pointer" style="background-color:#2F2F2F" title="Text Secondary - #2F2F2F"><div class="absolute inset-0 bg-opacity-0 group-hover:bg-opacity-10 transition-all flex items-center justify-center"><span class="typography-caption2 text-white opacity-0 group-hover:opacity-100 transition-opacity font-semibold drop-shadow">Secondary</span></div></div><div class="flex-1 relative group cursor-pointer" style="background-color:#d4d7d4" title="Text Disabled - #d4d7d4"><div class="absolute inset-0 bg-opacity-0 group-hover:bg-opacity-10 transition-all flex items-center justify-center"><span class="typography-caption2 text-white opacity-0 group-hover:opacity-100 transition-opacity font-semibold drop-shadow">Disabled</span></div></div><div class="flex-1 relative group cursor-pointer" style="background-color:#000000" title="Text Black - #000000"><div class="absolute inset-0 bg-opacity-0 group-hover:bg-opacity-10 transition-all flex items-center justify-center"><span class="typography-caption2 text-white opacity-0 group-hover:opacity-100 transition-opacity font-semibold drop-shadow">Black</span></div></div><div class="flex-1 relative group cursor-pointer" style="background-color:#FFFFFF" title="Text White - #FFFFFF"><div class="absolute inset-0 bg-opacity-0 group-hover:bg-opacity-10 transition-all flex items-center justify-center"><span class="typography-caption2 text-white opacity-0 group-hover:opacity-100 transition-opacity font-semibold drop-shadow">White</span></div></div></div></div></div>