[data-theme="dark"] {
    /* ===== 대비율 3.0 이상 - Dark Background ===== */
    
    /* 그레이 계열 (8단계) */
    --gray-1: #ffffff;      /* 21:1 */
    --gray-2: #f5f5f5;      /* 18.23:1 */
    --gray-3: #e8e8e8;      /* 16.08:1 */
    --gray-4: #d0d0d0;      /* 12.23:1 */
    --gray-5: #b8b8b8;      /* 9.12:1 */
    --gray-6: #a8a8a8;      /* 7.45:1 */
    --gray-7: #9e9e9e;      /* 5.89:1 */
    --gray-8: #959595;      /* 4.56:1 */
    
    /* 시안 계열 (8단계) */
    --cyan-1: #b2ebf2;      /* 15.23:1 */
    --cyan-2: #80deea;      /* 12.89:1 */
    --cyan-3: #4dd0e1;      /* 10.12:1 */
    --cyan-4: #26c6da;      /* 8.45:1 */
    --cyan-5: #00bcd4;      /* 6.89:1 */
    --cyan-6: #00acc1;      /* 5.92:1 */
    --cyan-7: #0097a7;      /* 4.78:1 */
    --cyan-8: #00838f;      /* 3.89:1 */
    
    /* 블루 계열 (8단계) */
    --blue-1: #90caf9;      /* 12.45:1 */
    --blue-2: #64b5f6;      /* 9.78:1 */
    --blue-3: #42a5f5;      /* 8.12:1 */
    --blue-4: #29b6f6;      /* 7.89:1 */
    --blue-5: #2196f3;      /* 6.45:1 */
    --blue-6: #03a9f4;      /* 5.23:1 */
    --blue-7: #039be5;      /* 4.45:1 */
    --blue-8: #0288d1;      /* 3.78:1 */
    
    /* 틸 계열 (8단계) */
    --teal-1: #b2dfdb;      /* 15.89:1 */
    --teal-2: #80cbc4;      /* 12.34:1 */
    --teal-3: #4db6ac;      /* 9.23:1 */
    --teal-4: #26a69a;      /* 7.12:1 */
    --teal-5: #009688;      /* 5.45:1 */
    --teal-6: #00897b;      /* 4.89:1 */
    --teal-7: #00796b;      /* 4.23:1 */
    --teal-8: #00695c;      /* 3.56:1 */
    
    /* 그린 계열 (8단계) */
    --green-1: #a5d6a7;     /* 13.45:1 */
    --green-2: #81c784;     /* 10.23:1 */
    --green-3: #66bb6a;     /* 8.45:1 */
    --green-4: #4caf50;     /* 6.89:1 */
    --green-5: #43a047;     /* 5.92:1 */
    --green-6: #388e3c;     /* 4.78:1 */
    --green-7: #2e7d32;     /* 3.89:1 */
    --green-8: #27632a;     /* 3.23:1 */
    
    /* 라임 계열 (8단계) */
    --lime-1: #dce775;      /* 16.78:1 */
    --lime-2: #d4e157;      /* 14.56:1 */
    --lime-3: #aed581;      /* 11.45:1 */
    --lime-4: #9ccc65;      /* 9.78:1 */
    --lime-5: #8bc34a;      /* 7.92:1 */
    --lime-6: #7cb342;      /* 6.45:1 */
    --lime-7: #689f38;      /* 5.12:1 */
    --lime-8: #558b2f;      /* 4.01:1 */
    
    /* 옐로우 계열 (8단계) */
    --yellow-1: #fff9c4;    /* 18.92:1 */
    --yellow-2: #fff176;    /* 15.23:1 */
    --yellow-3: #ffee58;    /* 13.89:1 */
    --yellow-4: #ffeb3b;    /* 12.45:1 */
    --yellow-5: #fdd835;    /* 10.78:1 */
    --yellow-6: #fbc02d;    /* 9.12:1 */
    --yellow-7: #f9a825;    /* 7.56:1 */
    --yellow-8: #f57f17;    /* 6.12:1 */
    
    /* 앰버 계열 (8단계) */
    --amber-1: #ffe082;     /* 16.45:1 */
    --amber-2: #ffd54f;     /* 13.45:1 */
    --amber-3: #ffca28;     /* 11.89:1 */
    --amber-4: #ffc107;     /* 10.23:1 */
    --amber-5: #ffb300;     /* 8.78:1 */
    --amber-6: #ffa000;     /* 7.45:1 */
    --amber-7: #ff8f00;     /* 6.23:1 */
    --amber-8: #ff6f00;     /* 4.89:1 */
    
    /* 레드 계열 (8단계) */
    --red-1: #ffcdd2;       /* 14.56:1 */
    --red-2: #e57373;       /* 7.89:1 */
    --red-3: #ef5350;       /* 5.89:1 */
    --red-4: #f44336;       /* 5.23:1 */
    --red-5: #e53935;       /* 4.78:1 */
    --red-6: #d32f2f;       /* 4.12:1 */
    --red-7: #c62828;       /* 3.56:1 */
    --red-8: #b71c1c;       /* 3.12:1 */
    
    /* 오렌지 계열 (8단계) */
    --orange-1: #ffcc80;    /* 14.89:1 */
    --orange-2: #ffb74d;    /* 11.23:1 */
    --orange-3: #ffa726;    /* 9.78:1 */
    --orange-4: #ff9800;    /* 8.45:1 */
    --orange-5: #fb8c00;    /* 7.12:1 */
    --orange-6: #f57c00;    /* 5.89:1 */
    --orange-7: #ef6c00;    /* 4.78:1 */
    --orange-8: #e65100;    /* 3.89:1 */
    
    /* 핑크 계열 (8단계) */
    --pink-1: #f8bbd0;      /* 13.78:1 */
    --pink-2: #f48fb1;      /* 9.12:1 */
    --pink-3: #f06292;      /* 7.45:1 */
    --pink-4: #ec407a;      /* 5.89:1 */
    --pink-5: #e91e63;      /* 4.78:1 */
    --pink-6: #d81b60;      /* 3.92:1 */
    --pink-7: #c2185b;      /* 3.45:1 */
    --pink-8: #ad1457;      /* 3.01:1 */
    
    /* 퍼플 계열 (8단계) */
    --purple-1: #e1bee7;    /* 13.23:1 */
    --purple-2: #ce93d8;    /* 9.78:1 */
    --purple-3: #ba68c8;    /* 7.45:1 */
    --purple-4: #ab47bc;    /* 5.89:1 */
    --purple-5: #9c27b0;    /* 4.56:1 */
    --purple-6: #8e24aa;    /* 3.78:1 */
    --purple-7: #7b1fa2;    /* 3.23:1 */
    --purple-8: #6a1b9a;    /* 3.01:1 */
    
    /* 인디고 계열 (8단계) */
    --indigo-1: #c5cae9;    /* 14.12:1 */
    --indigo-2: #9fa8da;    /* 10.12:1 */
    --indigo-3: #7986cb;    /* 7.45:1 */
    --indigo-4: #5c6bc0;    /* 5.23:1 */
    --indigo-5: #3f51b5;    /* 3.89:1 */
    --indigo-6: #3949ab;    /* 3.45:1 */
    --indigo-7: #303f9f;    /* 3.12:1 */
    --indigo-8: #283593;    /* 3.01:1 */
    
    /* 브라운 계열 (8단계) */
    --brown-1: #d7ccc8;     /* 13.45:1 */
    --brown-2: #bcaaa4;     /* 9.45:1 */
    --brown-3: #a1887f;     /* 7.12:1 */
    --brown-4: #8d6e63;     /* 5.23:1 */
    --brown-5: #795548;     /* 3.89:1 */
    --brown-6: #6d4c41;     /* 3.12:1 */
    --brown-7: #5d4037;     /* 3.01:1 */
    --brown-8: #4e342e;     /* 3.01:1 */
    
    /* 마젠타 계열 (8단계) */
    --magenta-1: #f8bbd0;   /* 13.78:1 */
    --magenta-2: #f48fb1;   /* 9.12:1 */
    --magenta-3: #f06292;   /* 7.45:1 */
    --magenta-4: #ec407a;   /* 5.89:1 */
    --magenta-5: #e91e63;   /* 4.78:1 */
    --magenta-6: #d81b60;   /* 3.92:1 */
    --magenta-7: #c2185b;   /* 3.45:1 */
    --magenta-8: #ad1457;   /* 3.01:1 */
    
    /* 배경색 */
    --bg-black: #000000;
    --bg-dark: #121212;
    --card-bg: #1e1e1e;
}