/* 라이트모드일 때 */
body.light-mode .dark-light-toggle .moon-icon { opacity: 1; /* moon-icon 표시 */ transform: scale(1); }
body.light-mode .dark-light-toggle .sun-icon { opacity: 0; /* sun-icon 숨김 */ transform: scale(0); }


/* ======================================================== */
/* 라이트 모드 스타일 (Light Mode Styles) */
/* ======================================================== */

body.light-mode .wrap { background: #fff; /* 밝은 회색 배경 */
}
body.light-mode header { background: #ffffff80; }
body.light-mode nav { background: #00000010; }
body.light-mode nav::before { background: linear-gradient(90deg, #00000050, #00000010); }
body.light-mode .head > nav a, body.light-mode .nav_more { color: #444; }

/* 라이트 모드에서 로고 이미지 변경 */
body.light-mode .logo a { background-color: #4300D1; }

/* 라이트 모드에서 contact 버튼 색상 변경 */
body.light-mode .head > nav li:last-child a { color: #fff; background: #4300D1; }
/* 라이트 모드에서 Download Resume 버튼 색상 변경 */
body.light-mode .pdfDownload { background: #4300D1; color: #fff; }


/* == Mb_View 라이트 모드 == */
body.light-mode #menu .fa-solid, body.light-mode #page .fa-solid { color: #000; }
body.light-mode .mm-navbar, body.light-mode .mm-panel { background: #f2f2f7; }
body.light-mode .mm-navbar__title>span { color: #000; }
body.light-mode .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited { color: #000; }
body.light-mode .mm-menu--theme-light { --mm-color-icon: #000; }
body.light-mode .social a i { color: #000; }
body.light-mode .mm-listitem:after, body.light-mode .mm-navbar { border-bottom-color: #00000040; }



body.light-mode .mm-wrapper__blocker { background: #00000040; }
body.light-mode .download .pdfDownload { color: #fff !important; }






/* 텍스트 색상 */
body.light-mode .intro_text h2, body.light-mode .intro_text i, body.light-mode .Skills h3, body.light-mode .edu h3, body.light-mode .exp h3, body.light-mode .int_center h3, body.light-mode .learning h3, body.light-mode .work-info strong, body.light-mode .footer-right b, body.light-mode .works h2, body.light-mode .Skills p, body.light-mode .edu p, body.light-mode .exp p, body.light-mode .int_center p, body.light-mode .learning p, body.light-mode .work-info span { color: #000; }
body.light-mode .intro_text p { color: #888; }
body.light-mode a, body.light-mode .edu span, body.light-mode .exp span, body.light-mode .work-info p, body.light-mode address p, body.light-mode .footer-left a, body.light-mode .footer-right p { color: #888; }
body.light-mode .vision h2, body.light-mode .vision p { color: #fff; }
body.light-mode .learning h3, body.light-mode .learning-list span { color: #fff; }

/* 박스 스타일 */
body.light-mode .box { background: #00000005; color: #000; }
body.light-mode .box::before { background: linear-gradient(0deg, #00000050, #00000020); }
body.light-mode .vision, body.light-mode .learning { background-blend-mode: overlay; }
body.light-mode .vision { background: url('../images/vision_bg_light.png') center/cover, #00000005; }
body.light-mode .learning { background: url('../images/learning_bg_light.png') center/cover, #00000005; }


/* 스킬 태그 */
body.light-mode .skill { background: #fff; color: #000; }
body.light-mode .skill::before { background: linear-gradient(0deg, #4300D120, #4300D150); }
body.light-mode .learning-list span::before { background: linear-gradient(0deg, #fff, #4300D150); }
body.light-mode .rhino{ background-color: #000;}
body.light-mode .zbrush{ background-color: #000;}

/* footer 아이콘: 다크 모드 기본은 흰색, 라이트 모드에서는 검정색 */
/* body:not(.light-mode) .footer-right i { color: #fff; } */
body.light-mode .footer-right i     { color: #000; }

/* 푸터 구분선 */
body.light-mode .bottom_link { border-color: #d9d9d9; }


/* 라이트 모드에서 Work 사진 테두리 색상 변경 */
body.light-mode .work-img::before {background: linear-gradient(0deg, #00000050, #00000020);}

/* 라이트 모드에서 뷰모드 토글 색상 */
body.light-mode .works-view-toggle .view-btn { background: #f5f5f5; color: #222; opacity: 0.9; /* border: 1px solid #e9e9e9; */ }
body.light-mode .works-view-toggle .view-btn:hover { opacity: 1; }
body.light-mode .works-view-toggle .view-btn.active { background: #4300D1; /* 활성 색상: 필요시 다른 색으로 변경 */ color: #fff; opacity: 1; box-shadow: 0 6px 18px rgba(67,0,209,0.12); }




/* 라이트모드 오버라이드 (필요시 색상/투명도 조정) */
body.light-mode .nav-item-more .dropdown-card { border-color: #00000040; }
body.light-mode .nav-item-more .dropdown-card.large { border-color: #00000040; }
body.light-mode .dropdown-card { background-color: #fff; }

body.light-mode .dropdown-content { background-color: #f2f2f7; border-color: #e0e0e0; box-shadow: 0 16px 32px rgba(0,0,0,0.1); }
body.light-mode .dropdown-card:hover { background-color: #e5e5e5; }
body.light-mode .card-icon { background-color: #fff; color: #555; }
body.light-mode .card-text-overlay h4, body.light-mode .card-text h4 { color: #111; }
body.light-mode .card-text-overlay p, body.light-mode .card-text p { color: #666; }




/* 라이트 모드 input */
body.light-mode .box-input input[type="text"], body.light-mode .box-input input[type="email"], body.light-mode .box-input textarea { background: #fff; border: 1px solid rgba(0,0,0,0.1); color: #000; }
body.light-mode .box-input input::placeholder, body.light-mode .box-input textarea::placeholder { color: #8c8c8c; }

/* 라이트 모드 포커스 스타일 */
body.light-mode .box-input input:focus, body.light-mode .box-input textarea:focus { border-color: #4300D1; box-shadow: 0 6px 24px #4300d11f; }

/* 라이트 모드 버튼 */
body.light-mode .btn-send { background: #4300D1; color: #fff; }


/* 라이트모드 오버라이드(간단 조정) */
body.light-mode .tab-btn { color: #666; border-color: rgba(0,0,0,0.06); }
body.light-mode .tab-btn.active { background: #fff; color: #000; box-shadow: 0 6px 18px #4300d10f; }

/* 라이트모드 보정 */
body.light-mode .thankyou_message p { background: #000; color: #fff; box-shadow: 0 12px 32px rgba(0,0,0,0.08); }

/* light mode tweaks */
body.light-mode .contact-modal__panel { background: #f2f2f7; color: #000; }

body.light-mode .contact-modal__tabs { background: #e9e9eb; }
body.light-mode .tab-btn { color: #555; }
body.light-mode .tab-btn.active { background: #fff; color: #000; }
body.light-mode .modal-socials a { color: #555; }
body.light-mode .modal-socials a:hover { color: #000; }
body.light-mode .connect-card { background: #fff; border-color: #fff; }
body.light-mode .connect-card:hover { background: #fdfdfd; }
body.light-mode .card-header i { color: #888; }
body.light-mode .card-header h4 { color: #000; }
body.light-mode .card-main { color: #000 !important; }
body.light-mode .card-sub { color: #555 !important; }
body.light-mode .availability-status { background: #e5f8e9; color: #28a745; }
body.light-mode .availability-status span { background: #28a745; }

body.light-mode .contact-modal__backdrop { background: #00000020; }








/* 라이트 모드 flip-back 영역 */
body.light-mode .work-card.flip-card .flip-back { width: 100%; height: 100%; border: 1px solid #00000050; background: #00000080; color: #000; }
/* body.light-mode .flip-back-content .btn { background: #00000010; color: #000; } */
body.light-mode .flip-back-content .btn:hover { background: #4300D1; font-weight: 500; color: #fff; }


/* 라이트 모드 보정 */
body.light-mode .card-img .work-img img { box-shadow: 0 20px 50px rgba(0,0,0,0.12); }
body.light-mode .card-img .work_BG { filter: blur(12px) saturate(0.9) brightness(1.02); }