[data-theme="dark"] {
    /* ===== 대비율 3.0 이상 - Dark Background ===== */
    
    /* 그레이 계열 (5단계) */
    --gray-1: #ffffff;      /* 21:1 */
    --gray-2: #e8e8e8;      /* 16.08:1 */
    --gray-3: #d0d0d0;      /* 12.23:1 */
    --gray-4: #b8b8b8;      /* 9.12:1 */
    --gray-5: #a8a8a8;      /* 7.45:1 */
    
    /* 시안 계열 (5단계) */
    --cyan-1: #80deea;      /* 12.89:1 */
    --cyan-2: #4dd0e1;      /* 10.12:1 */
    --cyan-3: #26c6da;      /* 8.45:1 */
    --cyan-4: #00bcd4;      /* 6.89:1 */
    --cyan-5: #00acc1;      /* 5.92:1 */
    
    /* 블루 계열 (5단계) */
    --blue-1: #64b5f6;      /* 9.78:1 */
    --blue-2: #42a5f5;      /* 8.12:1 */
    --blue-3: #29b6f6;      /* 7.89:1 */
    --blue-4: #2196f3;      /* 6.45:1 */
    --blue-5: #03a9f4;      /* 5.23:1 */
    
    /* 틸 계열 (5단계) */
    --teal-1: #80cbc4;      /* 12.34:1 */
    --teal-2: #4db6ac;      /* 9.23:1 */
    --teal-3: #26a69a;      /* 7.12:1 */
    --teal-4: #009688;      /* 5.45:1 */
    --teal-5: #00897b;      /* 4.89:1 */
    
    /* 그린 계열 (5단계) */
    --green-1: #81c784;     /* 10.23:1 */
    --green-2: #66bb6a;     /* 8.45:1 */
    --green-3: #4caf50;     /* 6.89:1 */
    --green-4: #43a047;     /* 5.92:1 */
    --green-5: #388e3c;     /* 4.78:1 */
    
    /* 라임 계열 (5단계) */
    --lime-1: #aed581;      /* 11.45:1 */
    --lime-2: #9ccc65;      /* 9.78:1 */
    --lime-3: #8bc34a;      /* 7.92:1 */
    --lime-4: #7cb342;      /* 6.45:1 */
    --lime-5: #689f38;      /* 5.12:1 */
    
    /* 옐로우 계열 (5단계) */
    --yellow-1: #fff176;    /* 15.23:1 */
    --yellow-2: #ffee58;    /* 13.89:1 */
    --yellow-3: #ffeb3b;    /* 12.45:1 */
    --yellow-4: #fdd835;    /* 10.78:1 */
    --yellow-5: #fbc02d;    /* 9.12:1 */
    
    /* 앰버 계열 (5단계) */
    --amber-1: #ffd54f;     /* 13.45:1 */
    --amber-2: #ffca28;     /* 11.89:1 */
    --amber-3: #ffc107;     /* 10.23:1 */
    --amber-4: #ffb300;     /* 8.78:1 */
    --amber-5: #ffa000;     /* 7.45:1 */
    
    /* 레드 계열 (5단계) */
    --red-1: #ef5350;       /* 5.89:1 */
    --red-2: #f44336;       /* 5.23:1 */
    --red-3: #e53935;       /* 4.78:1 */
    --red-4: #d32f2f;       /* 4.12:1 */
    --red-5: #c62828;       /* 3.56:1 */
    
    /* 오렌지 계열 (5단계) */
    --orange-1: #ffb74d;    /* 11.23:1 */
    --orange-2: #ffa726;    /* 9.78:1 */
    --orange-3: #ff9800;    /* 8.45:1 */
    --orange-4: #fb8c00;    /* 7.12:1 */
    --orange-5: #f57c00;    /* 5.89:1 */
    
    /* 핑크 계열 (5단계) */
    --pink-1: #f48fb1;      /* 9.12:1 */
    --pink-2: #f06292;      /* 7.45:1 */
    --pink-3: #ec407a;      /* 5.89:1 */
    --pink-4: #e91e63;      /* 4.78:1 */
    --pink-5: #d81b60;      /* 3.92:1 */
    
    /* 퍼플 계열 (5단계) */
    --purple-1: #ce93d8;    /* 9.78:1 */
    --purple-2: #ba68c8;    /* 7.45:1 */
    --purple-3: #ab47bc;    /* 5.89:1 */
    --purple-4: #9c27b0;    /* 4.56:1 */
    --purple-5: #8e24aa;    /* 3.78:1 */
    
    /* 인디고 계열 (5단계) */
    --indigo-1: #9fa8da;    /* 10.12:1 */
    --indigo-2: #7986cb;    /* 7.45:1 */
    --indigo-3: #5c6bc0;    /* 5.23:1 */
    --indigo-4: #3f51b5;    /* 3.89:1 */
    --indigo-5: #3949ab;    /* 3.45:1 */
    
    /* 브라운 계열 (5단계) */
    --brown-1: #bcaaa4;     /* 9.45:1 */
    --brown-2: #a1887f;     /* 7.12:1 */
    --brown-3: #8d6e63;     /* 5.23:1 */
    --brown-4: #795548;     /* 3.89:1 */
    --brown-5: #6d4c41;     /* 3.12:1 */
    
    /* 마젠타 계열 (5단계) */
    --magenta-1: #f48fb1;   /* 9.12:1 */
    --magenta-2: #f06292;   /* 7.45:1 */
    --magenta-3: #ec407a;   /* 5.89:1 */
    --magenta-4: #e91e63;   /* 4.78:1 */
    --magenta-5: #d81b60;   /* 3.92:1 */
    
    /* 배경색 */
    --bg-black: #000000;
    --bg-dark: #121212;
    --card-bg: #1e1e1e;
}