/**
 * KAITRUST 라이트 모드 스타일
 * 가독성 강화 버전
 */

body.light-mode {
    background: #f8fafc !important;
    color: #1e293b !important;
}

/* ========== 헤더 ========== */
body.light-mode header {
    background: #ffffff !important;
    border-bottom: 2px solid #e2e8f0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .logo-text {
    color: #0f172a !important;
    font-weight: 700 !important;
}

body.light-mode .logo-subtitle {
    color: #475569 !important;
}

body.light-mode nav a,
body.light-mode .nav-link,
body.light-mode .dropdown-toggle,
body.light-mode .nav-menu a {
    color: #1e293b !important;
    font-weight: 500 !important;
}

body.light-mode nav a:hover,
body.light-mode .nav-link:hover,
body.light-mode .dropdown-toggle:hover {
    color: #7c3aed !important;
}

body.light-mode .nav-btn,
body.light-mode .btn-primary {
    background: linear-gradient(135deg, #7c3aed, #a855f7) !important;
    color: white !important;
}

body.light-mode .nav-lang {
    color: #1e293b !important;
    border-color: #cbd5e1 !important;
}

/* ========== 히어로 섹션 ========== */
body.light-mode .hero {
    background: linear-gradient(180deg, #ede9fe 0%, #f5f3ff 50%, #ffffff 100%) !important;
}

body.light-mode .hero h1,
body.light-mode .hero-title {
    color: #1e1b4b !important;
    text-shadow: none !important;
}

body.light-mode .hero p,
body.light-mode .hero-subtitle {
    color: #4c1d95 !important;
}

body.light-mode .hero .btn,
body.light-mode .hero button {
    background: linear-gradient(135deg, #7c3aed, #a855f7) !important;
    color: white !important;
}

/* ========== 섹션 제목 ========== */
body.light-mode h1, 
body.light-mode h2, 
body.light-mode h3,
body.light-mode h4 {
    color: #1e293b !important;
}

body.light-mode .section-title {
    color: #0f172a !important;
}

/* ========== 서비스 섹션 ========== */
body.light-mode .services-section {
    background: #f8fafc !important;
}

body.light-mode .service-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .service-card:hover {
    border-color: #a855f7 !important;
    box-shadow: 0 8px 25px rgba(168, 85, 247, 0.15) !important;
}

body.light-mode .service-name {
    color: #1e293b !important;
    font-weight: 600 !important;
}

body.light-mode .service-desc {
    color: #64748b !important;
}

body.light-mode .service-icon {
    color: #7c3aed !important;
}

/* ========== 카테고리 필터 ========== */
body.light-mode .category-filter {
    background: #ffffff !important;
}

body.light-mode .filter-btn {
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1px solid #e2e8f0 !important;
}

body.light-mode .filter-btn.active,
body.light-mode .filter-btn:hover {
    background: linear-gradient(135deg, #7c3aed, #a855f7) !important;
    color: white !important;
    border-color: #7c3aed !important;
}

/* ========== 검색창 ========== */
body.light-mode .search-container input {
    background: #ffffff !important;
    color: #1e293b !important;
    border: 2px solid #e2e8f0 !important;
}

body.light-mode .search-container input:focus {
    border-color: #a855f7 !important;
}

body.light-mode .search-container input::placeholder {
    color: #94a3b8 !important;
}

/* ========== 드롭다운 ========== */
body.light-mode .dropdown-menu {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
}

body.light-mode .dropdown-menu a {
    color: #1e293b !important;
}

body.light-mode .dropdown-menu a:hover {
    background: #f1f5f9 !important;
    color: #7c3aed !important;
}

/* ========== 관계법령/미션 섹션 ========== */
body.light-mode .mission-section,
body.light-mode .laws-section {
    background: #ffffff !important;
}

body.light-mode .law-card {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

body.light-mode .law-card:hover {
    border-color: #a855f7 !important;
}

body.light-mode .law-card h3 {
    color: #1e293b !important;
}

body.light-mode .law-card p {
    color: #64748b !important;
}

/* ========== 푸터 ========== */
body.light-mode footer {
    background: #1e293b !important;
    color: #e2e8f0 !important;
}

body.light-mode footer p,
body.light-mode footer span {
    color: #cbd5e1 !important;
}

body.light-mode footer a {
    color: #a855f7 !important;
}

body.light-mode footer a:hover {
    color: #c084fc !important;
}

/* ========== 텍스트 일반 ========== */
body.light-mode p,
body.light-mode span,
body.light-mode div {
    color: inherit;
}

body.light-mode .text-muted {
    color: #64748b !important;
}

/* ========== 배지/태그 ========== */
body.light-mode .badge,
body.light-mode .tag {
    background: #f1f5f9 !important;
    color: #475569 !important;
}

body.light-mode .badge-live {
    background: #22c55e !important;
    color: white !important;
}

body.light-mode .badge-coming {
    background: #f59e0b !important;
    color: white !important;
}

/* ========== 푸터 라이트 모드 강화 ========== */
body.light-mode footer h3,
body.light-mode footer h4,
body.light-mode footer .footer-brand h3,
body.light-mode footer .footer-section h4 {
    color: #ffffff !important;
}

body.light-mode footer ul li,
body.light-mode footer ul li a {
    color: #cbd5e1 !important;
}

body.light-mode footer ul li a:hover {
    color: #a855f7 !important;
}

body.light-mode footer .footer-info p,
body.light-mode footer .footer-info strong {
    color: #e2e8f0 !important;
}

body.light-mode footer .footer-brand p {
    color: #94a3b8 !important;
}

/* ========== 미션/설립목적 카드 라이트 모드 ========== */
body.light-mode .mission-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .mission-card:hover {
    border-color: #a855f7 !important;
    box-shadow: 0 8px 25px rgba(168, 85, 247, 0.15) !important;
}

body.light-mode .mission-card h3 {
    color: #7c3aed !important;
}

body.light-mode .mission-card p {
    color: #475569 !important;
}

body.light-mode .mission-section {
    background: #f8fafc !important;
}

body.light-mode .mission-section h2,
body.light-mode .mission-section .section-title {
    color: #1e293b !important;
}

/* ========== AI 백과사전 (glossary) 전용 ========== */

/* 히어로 섹션 */
body.light-mode .hero {
    background: linear-gradient(180deg, #ede9fe 0%, #f5f3ff 50%, #ffffff 100%) !important;
}

body.light-mode .hero-badge {
    background: rgba(124, 58, 237, 0.15) !important;
    color: #7c3aed !important;
    border-color: rgba(124, 58, 237, 0.3) !important;
}

/* 검색창 */
body.light-mode .search-container,
body.light-mode .search-box {
    background: #ffffff !important;
    border: 2px solid #e2e8f0 !important;
}

body.light-mode .search-input {
    background: transparent !important;
    color: #1e293b !important;
}

body.light-mode .search-input::placeholder {
    color: #94a3b8 !important;
}

/* 카테고리 탭 */
body.light-mode .category-tabs {
    background: #f1f5f9 !important;
}

body.light-mode .category-tab {
    color: #64748b !important;
}

body.light-mode .category-tab:hover {
    background: #e2e8f0 !important;
    color: #1e293b !important;
}

body.light-mode .category-tab.active {
    background: #7c3aed !important;
    color: white !important;
}

/* 알파벳 인덱스 */
body.light-mode .alphabet-index {
    background: #f8fafc !important;
}

body.light-mode .index-btn {
    color: #64748b !important;
}

body.light-mode .index-btn:hover,
body.light-mode .index-btn.active {
    background: #7c3aed !important;
    color: white !important;
}

/* 용어 카드/그리드 */
body.light-mode .glossary-card,
body.light-mode .term-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}

body.light-mode .glossary-card:hover,
body.light-mode .term-card:hover {
    border-color: #a855f7 !important;
}

body.light-mode .glossary-card h3,
body.light-mode .term-card h3,
body.light-mode .term-name {
    color: #1e293b !important;
}

body.light-mode .glossary-card p,
body.light-mode .term-desc {
    color: #475569 !important;
}

/* 모달 */
body.light-mode .modal-content {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}

body.light-mode .modal-term {
    color: #1e293b !important;
}

body.light-mode .modal-english {
    color: #64748b !important;
}

body.light-mode .modal-definition {
    color: #475569 !important;
}

body.light-mode .modal-badge {
    background: rgba(124, 58, 237, 0.1) !important;
    color: #7c3aed !important;
}

body.light-mode .modal-btn.primary {
    background: #7c3aed !important;
    color: white !important;
}

body.light-mode .modal-btn.secondary {
    background: #f1f5f9 !important;
    color: #475569 !important;
}

/* 빈 상태 */
body.light-mode .empty-state,
body.light-mode .hope-message {
    color: #64748b !important;
}

/* term.html 상세 페이지 */
body.light-mode .term-detail-container {
    background: #f8fafc !important;
}

body.light-mode .term-detail-header {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
}

body.light-mode .term-detail-title {
    color: #1e293b !important;
}

body.light-mode .term-detail-english {
    color: #64748b !important;
}

body.light-mode .term-detail-definition {
    color: #475569 !important;
}

body.light-mode .term-category-badge {
    background: rgba(124, 58, 237, 0.1) !important;
    color: #7c3aed !important;
}

body.light-mode .term-badge.new {
    background: linear-gradient(135deg, #ef4444, #dc2626) !important;
    color: white !important;
}

body.light-mode .term-badge.kaitrust-def {
    background: linear-gradient(135deg, #7c3aed, #a855f7) !important;
    color: white !important;
}

body.light-mode .term-meta-info {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
}

body.light-mode .term-meta-info h4 {
    color: #7c3aed !important;
}

body.light-mode .term-meta-info p,
body.light-mode .term-meta-info strong {
    color: #475569 !important;
}

body.light-mode .term-detail-tag {
    background: rgba(124, 58, 237, 0.1) !important;
    color: #7c3aed !important;
}

/* 액션 바 */
body.light-mode .term-actions-bar {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}

body.light-mode .term-action {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
}

body.light-mode .term-action:hover {
    border-color: #a855f7 !important;
    color: #7c3aed !important;
}

body.light-mode .term-action.primary {
    background: #7c3aed !important;
    color: white !important;
}

/* Breadcrumb */
body.light-mode .breadcrumb {
    color: #64748b !important;
}

body.light-mode .breadcrumb a {
    color: #7c3aed !important;
}

body.light-mode .breadcrumb .current {
    color: #1e293b !important;
}

/* 관련 용어 */
body.light-mode .related-section {
    background: #f8fafc !important;
}

body.light-mode .related-title {
    color: #1e293b !important;
}

body.light-mode .related-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}

body.light-mode .related-card:hover {
    border-color: #a855f7 !important;
}

body.light-mode .related-card-term {
    color: #1e293b !important;
}

body.light-mode .related-card-cat {
    color: #64748b !important;
}

/* 공유 버튼 */
body.light-mode .share-btn {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
}

body.light-mode .share-btn:hover {
    border-color: #a855f7 !important;
    color: #7c3aed !important;
}

/* 404 */
body.light-mode .not-found {
    color: #64748b !important;
}

body.light-mode .not-found h2 {
    color: #1e293b !important;
}

/* 메인 콘텐츠 */
body.light-mode .main-content,
body.light-mode main {
    background: #f8fafc !important;
}

/* 통계 */
body.light-mode .count {
    color: #7c3aed !important;
}

/* ========== 로그인 페이지 라이트 모드 ========== */

/* 배경 효과 숨김/조절 */
body.light-mode #securityCanvas {
    opacity: 0.08 !important;
    filter: invert(1) hue-rotate(180deg) !important;
}

body.light-mode .scanline-overlay,
body.light-mode .grid-overlay {
    display: none !important;
}

/* 메인 배경 */
body.light-mode {
    background: linear-gradient(135deg, #f0f4ff 0%, #e8f4f8 50%, #f5f0ff 100%) !important;
}

/* 로그인 컨테이너 */
body.light-mode .auth-container {
    background: transparent !important;
}

body.light-mode .auth-panel {
    background: rgba(255, 255, 255, 0.95) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1), 0 0 40px rgba(124, 58, 237, 0.1) !important;
    border: 1px solid rgba(124, 58, 237, 0.15) !important;
}

body.light-mode .auth-box {
    background: #ffffff !important;
}

/* 탭 버튼 */
body.light-mode .auth-tabs {
    background: rgba(124, 58, 237, 0.08) !important;
}

body.light-mode .auth-tab {
    background: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid #e2e8f0 !important;
    color: #64748b !important;
}

body.light-mode .auth-tab.active {
    background: linear-gradient(135deg, #7c3aed, #a855f7) !important;
    color: white !important;
}

body.light-mode .auth-tab:hover:not(.active) {
    color: #7c3aed !important;
}

/* 언어 탭 버튼 */
body.light-mode .auth-tab-lang {
    border-color: rgba(124, 58, 237, 0.4) !important;
    color: #7c3aed !important;
}

body.light-mode .auth-tab-lang:hover {
    background: rgba(124, 58, 237, 0.15) !important;
    border-color: #7c3aed !important;
}

/* 폼 라벨 */
body.light-mode .form-label {
    color: #374151 !important;
}

/* 입력 필드 */
body.light-mode .form-input {
    background: #f8fafc !important;
    border: 2px solid #e2e8f0 !important;
    color: #1e293b !important;
}

body.light-mode .form-input::placeholder {
    color: #94a3b8 !important;
}

body.light-mode .form-input:focus {
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15) !important;
    background: #ffffff !important;
}

/* 아이콘 */
body.light-mode .form-label i,
body.light-mode .input-wrapper i {
    color: #7c3aed !important;
}

/* 체크박스 & 링크 */
body.light-mode .remember-me span,
body.light-mode .form-options span {
    color: #64748b !important;
}

body.light-mode .forgot-password,
body.light-mode a {
    color: #7c3aed !important;
}

/* 로그인 버튼 */
body.light-mode .login-btn,
body.light-mode .auth-btn {
    background: linear-gradient(135deg, #7c3aed, #a855f7) !important;
    color: white !important;
    box-shadow: 0 4px 20px rgba(124, 58, 237, 0.3) !important;
}

body.light-mode .login-btn:hover,
body.light-mode .auth-btn:hover {
    box-shadow: 0 6px 30px rgba(124, 58, 237, 0.4) !important;
}

/* 섹션 제목 (SOCIAL AUTH 등) */
body.light-mode .divider,
body.light-mode .section-divider,
body.light-mode .auth-divider {
    color: #64748b !important;
}

body.light-mode .divider::before,
body.light-mode .divider::after,
body.light-mode .section-divider::before,
body.light-mode .section-divider::after {
    background: #e2e8f0 !important;
}

/* 소셜 로그인 버튼 */
body.light-mode .social-btn,
body.light-mode .oauth-btn {
    background: #f8fafc !important;
    border: 2px solid #e2e8f0 !important;
    color: #374151 !important;
}

body.light-mode .social-btn:hover,
body.light-mode .oauth-btn:hover {
    background: #f1f5f9 !important;
    border-color: #7c3aed !important;
    box-shadow: 0 4px 15px rgba(124, 58, 237, 0.15) !important;
}

/* 고급 인증 버튼 */
body.light-mode .advanced-btn,
body.light-mode .passkey-btn,
body.light-mode .otp-btn,
body.light-mode .sso-btn {
    background: #f8fafc !important;
    border: 2px solid #e2e8f0 !important;
    color: #374151 !important;
}

body.light-mode .advanced-btn:hover,
body.light-mode .passkey-btn:hover,
body.light-mode .otp-btn:hover,
body.light-mode .sso-btn:hover {
    background: #f1f5f9 !important;
    border-color: #7c3aed !important;
}

/* 하단 링크 */
body.light-mode .signup-link,
body.light-mode .auth-footer {
    color: #64748b !important;
}

body.light-mode .signup-link a,
body.light-mode .auth-footer a {
    color: #7c3aed !important;
    font-weight: 600 !important;
}

/* 카피라이트 */
body.light-mode .copyright,
body.light-mode #footerCopyright {
    color: #94a3b8 !important;
}

/* 좌측 상단 로고 */
body.light-mode #headerHomeLink {
    background: rgba(124, 58, 237, 0.1) !important;
    border-color: rgba(124, 58, 237, 0.3) !important;
}

/* QR 코드 탭 */
body.light-mode .qr-container {
    background: #f8fafc !important;
    border: 2px solid #e2e8f0 !important;
}

body.light-mode .qr-info {
    color: #64748b !important;
}

body.light-mode .qr-info strong {
    color: #7c3aed !important;
}

/* ========== /로그인 페이지 라이트 모드 ========== */

/* ========== 로그인 페이지 추가 스타일 ========== */

/* 폼 그룹 */
body.light-mode .form-group {
    color: #374151 !important;
}

/* 입력 그룹 아이콘 */
body.light-mode .input-group {
    background: #f8fafc !important;
    border: 2px solid #e2e8f0 !important;
}

body.light-mode .input-group:focus-within {
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15) !important;
}

body.light-mode .input-group i {
    color: #7c3aed !important;
}

body.light-mode .input-group input {
    background: transparent !important;
    color: #1e293b !important;
}

body.light-mode .input-group input::placeholder {
    color: #94a3b8 !important;
}

/* 고급 인증 섹션 */
body.light-mode .advanced-methods {
    background: transparent !important;
}

body.light-mode .advanced-title {
    color: #64748b !important;
}

body.light-mode .advanced-title::before,
body.light-mode .advanced-title::after {
    background: #e2e8f0 !important;
}

body.light-mode .advanced-grid {
    gap: 10px !important;
}

body.light-mode .advanced-btn {
    background: #f8fafc !important;
    border: 2px solid #e2e8f0 !important;
    color: #374151 !important;
}

body.light-mode .advanced-btn:hover {
    background: #f1f5f9 !important;
    border-color: #7c3aed !important;
    color: #7c3aed !important;
}

body.light-mode .advanced-btn i {
    color: #7c3aed !important;
}

body.light-mode .advanced-btn.enterprise {
    background: #f8fafc !important;
    border: 2px solid #e2e8f0 !important;
}

body.light-mode .advanced-btn.enterprise:hover {
    border-color: #7c3aed !important;
}

/* 카피라이트 */
body.light-mode .auth-copyright {
    color: #94a3b8 !important;
}

body.light-mode .auth-copyright a {
    color: #7c3aed !important;
}

/* 잊어버린 링크 */
body.light-mode .forgot-link {
    color: #7c3aed !important;
}

/* OTP 입력 */
body.light-mode .otp-input {
    background: #f8fafc !important;
    border: 2px solid #e2e8f0 !important;
    color: #1e293b !important;
}

body.light-mode .otp-input:focus {
    border-color: #7c3aed !important;
}

/* 소셜 버튼 그리드 */
body.light-mode .social-grid {
    gap: 10px !important;
}

/* 폼 옵션 (로그인 유지 등) */
body.light-mode .form-options {
    color: #64748b !important;
}

body.light-mode .form-options label {
    color: #374151 !important;
}

body.light-mode .form-options a {
    color: #7c3aed !important;
}

/* ========== /로그인 페이지 추가 스타일 ========== */