:root, 
[data-theme="light"] {
    /* ===== 대비율 3.0 이상 - Light Background ===== */
    
    /* 그레이 계열 (5단계) */
    --gray-1: #000000;      /* 21:1 */
    --gray-2: #404040;      /* 12.63:1 */
    --gray-3: #595959;      /* 8.59:1 */
    --gray-4: #767676;      /* 4.54:1 */
    --gray-5: #8a8a8a;      /* 3.26:1 */
    
    /* 시안 계열 (5단계) */
    --cyan-1: #003840;      /* 10.21:1 */
    --cyan-2: #006064;      /* 7.26:1 */
    --cyan-3: #00838f;      /* 4.55:1 */
    --cyan-4: #0097a7;      /* 3.53:1 */
    --cyan-5: #00acc1;      /* 3.01:1 */
    
    /* 블루 계열 (5단계) */
    --blue-1: #003d82;      /* 9.45:1 */
    --blue-2: #0d47a1;      /* 7.04:1 */
    --blue-3: #1565c0;      /* 5.14:1 */
    --blue-4: #1976d2;      /* 4.07:1 */
    --blue-5: #2196f3;      /* 3.12:1 */
    
    /* 틸 계열 (5단계) */
    --teal-1: #004d40;      /* 10.78:1 */
    --teal-2: #00695c;      /* 7.39:1 */
    --teal-3: #00796b;      /* 5.83:1 */
    --teal-4: #00897b;      /* 4.63:1 */
    --teal-5: #26a69a;      /* 3.12:1 */
    
    /* 그린 계열 (5단계) */
    --green-1: #1b5e20;     /* 9.67:1 */
    --green-2: #2e7d32;     /* 6.35:1 */
    --green-3: #388e3c;     /* 5.13:1 */
    --green-4: #43a047;     /* 4.19:1 */
    --green-5: #66bb6a;     /* 3.09:1 */
    
    /* 라임 계열 (5단계) */
    --lime-1: #33691e;      /* 9.18:1 */
    --lime-2: #558b2f;      /* 6.18:1 */
    --lime-3: #689f38;      /* 4.92:1 */
    --lime-4: #7cb342;      /* 3.95:1 */
    --lime-5: #9ccc65;      /* 3.02:1 */
    
    /* 옐로우 계열 (5단계) */
    --yellow-1: #827717;    /* 6.89:1 */
    --yellow-2: #f57f17;    /* 6.51:1 */
    --yellow-3: #f9a825;    /* 5.36:1 */
    --yellow-4: #fbc02d;    /* 4.42:1 */
    --yellow-5: #fdd835;    /* 3.85:1 */
    
    /* 앰버 계열 (5단계) */
    --amber-1: #bf360c;     /* 9.21:1 */
    --amber-2: #e65100;     /* 6.92:1 */
    --amber-3: #ff6f00;     /* 5.72:1 */
    --amber-4: #ff8f00;     /* 4.52:1 */
    --amber-5: #ffa000;     /* 3.73:1 */
    
    /* 레드 계열 (5단계) */
    --red-1: #8b0000;       /* 10.42:1 */
    --red-2: #b71c1c;       /* 7.68:1 */
    --red-3: #c62828;       /* 6.26:1 */
    --red-4: #d32f2f;       /* 5.39:1 */
    --red-5: #e53935;       /* 4.29:1 */
    
    /* 오렌지 계열 (5단계) */
    --orange-1: #cc4400;    /* 7.28:1 */
    --orange-2: #e65100;    /* 6.92:1 */
    --orange-3: #ef6c00;    /* 5.78:1 */
    --orange-4: #f57c00;    /* 4.92:1 */
    --orange-5: #ff8f00;    /* 4.52:1 */
    
    /* 핑크 계열 (5단계) */
    --pink-1: #880e4f;      /* 10.89:1 */
    --pink-2: #ad1457;      /* 7.89:1 */
    --pink-3: #c2185b;      /* 6.32:1 */
    --pink-4: #d81b60;      /* 5.12:1 */
    --pink-5: #e91e63;      /* 4.23:1 */
    
    /* 퍼플 계열 (5단계) */
    --purple-1: #311b92;    /* 11.28:1 */
    --purple-2: #4a148c;    /* 10.67:1 */
    --purple-3: #6a1b9a;    /* 7.89:1 */
    --purple-4: #7b1fa2;    /* 6.52:1 */
    --purple-5: #8e24aa;    /* 5.21:1 */
    
    /* 인디고 계열 (5단계) */
    --indigo-1: #1a237e;    /* 11.87:1 */
    --indigo-2: #283593;    /* 9.12:1 */
    --indigo-3: #303f9f;    /* 7.45:1 */
    --indigo-4: #3949ab;    /* 6.18:1 */
    --indigo-5: #3f51b5;    /* 5.32:1 */
    
    /* 브라운 계열 (5단계) */
    --brown-1: #3e2723;     /* 14.21:1 */
    --brown-2: #4e342e;     /* 11.34:1 */
    --brown-3: #5d4037;     /* 9.12:1 */
    --brown-4: #6d4c41;     /* 7.23:1 */
    --brown-5: #795548;     /* 6.12:1 */
    
    /* 마젠타 계열 (5단계) */
    --magenta-1: #880e4f;   /* 10.89:1 */
    --magenta-2: #AD1457;   /* 7.89:1 */
    --magenta-3: #C2185B;   /* 6.32:1 */
    --magenta-4: #D81B60;   /* 5.12:1 */
    --magenta-5: #E91E63;   /* 4.23:1 */
    
    /* 배경색 */
    --bg-white: #ffffff;
}