@charset "utf-8";

/* 1. 다크 (Dark - 기본) */
:root, 
body[data-theme="dark"], html[data-theme="dark"] { 
    --primary: #6c5ce7; --secondary: #a29bfe; 
    --bg-gradient: linear-gradient(135deg, #0f0c29, #302b63, #24243e); 
    --glass-bg: rgba(255, 255, 255, 0.1); --glass-border: rgba(255, 255, 255, 0.2); 
    --text-color: #ffffff; --text-muted: #b2bec3; 
    --card-bg: rgba(255, 255, 255, 0.05); --input-bg: rgba(0,0,0,0.3); --modal-bg: #2d3436; 
}

/* 2. 화이트 (White) */
body[data-theme="white"], html[data-theme="white"] { 
    --primary: #3742fa; --secondary: #5352ed; 
    --bg-gradient: linear-gradient(135deg, #f1f2f6, #dfe4ea, #ffffff); 
    --glass-bg: rgba(255, 255, 255, 0.85); --glass-border: rgba(0, 0, 0, 0.1); 
    --text-color: #2f3542; --text-muted: #747d8c; 
    --card-bg: rgba(0, 0, 0, 0.03); --input-bg: rgba(255,255,255,0.8); --modal-bg: #ffffff; 
}

/* 3. 노랑 (Yellow - 찐하고 선명하게 변경됨) */
body[data-theme="yellow"], html[data-theme="yellow"] { 
    --primary: #d35400; --secondary: #e67e22; 
    --bg-gradient: linear-gradient(135deg, #fceabb, #f8b500); 
    --glass-bg: rgba(255, 255, 255, 0.55); --glass-border: rgba(255, 255, 255, 0.6); 
    --text-color: #2d3436; --text-muted: #636e72; 
    --card-bg: rgba(255, 255, 255, 0.4); --input-bg: rgba(255, 255, 255, 0.7); --modal-bg: #fff9c4; 
}

/* 4. 빨강 (Red - 신규 추가됨) */
body[data-theme="red"], html[data-theme="red"] { 
    --primary: #c0392b; --secondary: #e74c3c; 
    --bg-gradient: linear-gradient(135deg, #ed213a, #93291e); 
    --glass-bg: rgba(255, 255, 255, 0.15); --glass-border: rgba(255, 255, 255, 0.3); 
    --text-color: #ffffff; --text-muted: #ffcccc; 
    --card-bg: rgba(0, 0, 0, 0.25); --input-bg: rgba(0, 0, 0, 0.4); --modal-bg: #4a1c1c; 
}

/* 5. 핑크 (Pink) */
body[data-theme="pink"], html[data-theme="pink"] { 
    --primary: #ff4757; --secondary: #ff6b81; 
    --bg-gradient: linear-gradient(135deg, #ff9a9e, #fecfef, #ffdde1); 
    --glass-bg: rgba(255, 255, 255, 0.6); --glass-border: rgba(255, 255, 255, 0.5); 
    --text-color: #2d3436; --text-muted: #636e72; 
    --card-bg: rgba(255, 255, 255, 0.4); --input-bg: rgba(255,255,255,0.7); --modal-bg: #ffeaa7; 
}

/* 6. 블루 (Blue) */
body[data-theme="blue"], html[data-theme="blue"] { 
    --primary: #0984e3; --secondary: #74b9ff; 
    --bg-gradient: linear-gradient(135deg, #0abde3, #48dbfb, #c8d6e5); 
    --glass-bg: rgba(255, 255, 255, 0.35); --glass-border: rgba(255, 255, 255, 0.5); 
    --text-color: #2d3436; --text-muted: #636e72; 
    --card-bg: rgba(255, 255, 255, 0.4); --input-bg: rgba(255,255,255,0.8); --modal-bg: #dff9fb; 
}

/* 7. 초록 (Green) */
body[data-theme="green"], html[data-theme="green"] { 
    --primary: #27ae60; --secondary: #2ecc71; 
    --bg-gradient: linear-gradient(135deg, #11998e, #38ef7d); 
    --glass-bg: rgba(255, 255, 255, 0.4); --glass-border: rgba(255, 255, 255, 0.5); 
    --text-color: #2d3436; --text-muted: #2d3436; 
    --card-bg: rgba(255, 255, 255, 0.4); --input-bg: rgba(255,255,255,0.7); --modal-bg: #e8f8f5; 
}

/* 8. 보라 (Purple) */
body[data-theme="purple"], html[data-theme="purple"] { 
    --primary: #8e44ad; --secondary: #9b59b6; 
    --bg-gradient: linear-gradient(135deg, #8e2de2, #4a00e0); 
    --glass-bg: rgba(255, 255, 255, 0.15); --glass-border: rgba(255, 255, 255, 0.2); 
    --text-color: #ffffff; --text-muted: #d2dae2; 
    --card-bg: rgba(0, 0, 0, 0.3); --input-bg: rgba(0,0,0,0.4); --modal-bg: #2c3e50; 
}