:root, 
[data-theme="light"] {
    /* ===== WCAG AAA (대비 7:1 이상) - Light Background ===== */
    /* 색상은 이쁜데 대비율을 못 지키는 색상들이 존재한다. */
    
    /* 그레이 */
    --gray-aaa-1: #000000;
    --gray-aaa-2: #1a1a1a;
    --gray-aaa-3: #2d2d2d;
    --gray-aaa-4: #404040;
    --gray-aaa-5: #595959;
    
    /* 시안 계열 */
    --cyan-aaa-1: #003840;
    --cyan-aaa-2: #004d40;
    --cyan-aaa-3: #005662;
    --cyan-aaa-4: #00695c;
    
    /* 블루 계열 */
    --blue-aaa-1: #003d82;
    --blue-aaa-2: #004d99;
    --blue-aaa-3: #005a9c;
    --blue-aaa-4: #0066cc;
    
    /* 그린 계열 */
    --green-aaa-1: #0d3d1f;
    --green-aaa-2: #194d33;
    --green-aaa-3: #1b5e20;
    --green-aaa-4: #2e7d32;
    
    /* 라임 계열 */
    --lime-aaa-1: #33691e;
    --lime-aaa-2: #558b2f;
    --lime-aaa-3: #689f38;
    --lime-aaa-4: #7cb342;
    
    /* 옐로우 계열 */
    --yellow-aaa-1: #f9a825;
    --yellow-aaa-2: #f57f17;
    --yellow-aaa-3: #827717;
    --yellow-aaa-4: #9e9d24;
    
    /* 앰버 계열 */
    --amber-aaa-1: #ff8f00;
    --amber-aaa-2: #ff6f00;
    --amber-aaa-3: #e65100;
    --amber-aaa-4: #bf360c;
    
    /* 레드 계열 */
    --red-aaa-1: #8b0000;
    --red-aaa-2: #b71c1c;
    --red-aaa-3: #c62828;
    --red-aaa-4: #d32f2f;
    
    /* 오렌지 계열 */
    --orange-aaa-1: #cc4400;
    --orange-aaa-2: #e65100;
    --orange-aaa-3: #ef6c00;
    --orange-aaa-4: #f57c00;
    
    /* 브라운 계열 */
    --brown-aaa-1: #3e2723;
    --brown-aaa-2: #4e342e;
    --brown-aaa-3: #5d4037;
    --brown-aaa-4: #6d4c41;
    
    /* 핑크 계열 */
    --pink-aaa-1: #880e4f;
    --pink-aaa-2: #ad1457;
    --pink-aaa-3: #c2185b;
    --pink-aaa-4: #d81b60;
    
    /* 퍼플 계열 */
    --purple-aaa-1: #311b92;
    --purple-aaa-2: #4a148c;
    --purple-aaa-3: #6a1b9a;
    --purple-aaa-4: #7b1fa2;
    
    /* 마젠타 계열 */
    --magenta-aaa-1: #880e4f;
    --magenta-aaa-2: #AD1457;
    --magenta-aaa-3: #C2185B;
    --magenta-aaa-4: #D81B60;
    
    /* ===== WCAG AA (대비 4.5:1 이상) - Light Background ===== */
    /* 색상은 이쁜데 대비율을 못 지키는 색상들이 존재한다. */
    
    /* 그레이 계열 */
    --gray-aa-1: #767676;
    --gray-aa-2: #6c6c6c;
    --gray-aa-3: #5f5f5f;
    --gray-aa-4: #595959;
    
    /* 시안 계열 */
    --cyan-aa-1: #006064;
    --cyan-aa-2: #00838f;
    --cyan-aa-3: #0097a7;
    --cyan-aa-4: #00acc1;
    
    /* 블루 계열 */
    --blue-aa-1: #0d47a1;
    --blue-aa-2: #1565c0;
    --blue-aa-3: #1976d2;
    --blue-aa-4: #2196f3;
    
    /* 틸 계열 */
    --teal-aa-1: #004d40;
    --teal-aa-2: #00695c;
    --teal-aa-3: #00796b;
    --teal-aa-4: #00897b;
    
    /* 그린 계열 */
    --green-aa-1: #194d33;
    --green-aa-2: #2e7d32;
    --green-aa-3: #388e3c;
    --green-aa-4: #43a047;
    
    /* 라임 계열 */
    --lime-aa-1: #7cb342;
    --lime-aa-2: #8bc34a;
    --lime-aa-3: #9ccc65;
    --lime-aa-4: #aed581;
    
    /* 레드 계열 */
    --red-aa-1: #b71c1c;
    --red-aa-2: #c62828;
    --red-aa-3: #d32f2f;
    --red-aa-4: #e53935;
    
    /* 핑크 계열 */
    --pink-aa-1: #ad1457;
    --pink-aa-2: #c2185b;
    --pink-aa-3: #d81b60;
    --pink-aa-4: #e91e63;
    
    /* 옐로우 계열 */
    --yellow-aa-1: #f9a825;
    --yellow-aa-2: #fbc02d;
    --yellow-aa-3: #fdd835;
    --yellow-aa-4: #ffeb3b;
    
    /* 앰버 계열 */
    --amber-aa-1: #ff8f00;
    --amber-aa-2: #ffa000;
    --amber-aa-3: #ffb300;
    --amber-aa-4: #ffc107;
    
    /* 오렌지 계열 */
    --orange-aa-1: #e65100;
    --orange-aa-2: #ef6c00;
    --orange-aa-3: #f57c00;
    --orange-aa-4: #ff8f00;
    
    /* 퍼플 계열 */
    --purple-aa-1: #4a148c;
    --purple-aa-2: #6a1b9a;
    --purple-aa-3: #7b1fa2;
    --purple-aa-4: #8e24aa;
    
    /* 인디고 계열 */
    --indigo-aa-1: #1a237e;
    --indigo-aa-2: #283593;
    --indigo-aa-3: #303f9f;
    --indigo-aa-4: #3949ab;
    
    /* 브라운 계열 */
    --brown-aa-1: #3e2723;
    --brown-aa-2: #4e342e;
    --brown-aa-3: #5d4037;
    --brown-aa-4: #6d4c41;
    
    /* 배경색 */
    --bg-white: #ffffff;
}