/* ============================================
   KRDS 접근성 스타일 - 최소 커스터마이징
   Cavity Platform
   ============================================ */

/* ============================================
   화면 표시 모드 (테마) - 간단 버전
   ============================================ */

/* 라이트 모드 (기본) */
:root,
html[data-theme="light"] {
    color-scheme: light;
}

/* 다크 모드 */
html[data-theme="dark"] {
    color-scheme: dark;
    filter: invert(1) hue-rotate(180deg);
}

html[data-theme="dark"] img,
html[data-theme="dark"] video,
html[data-theme="dark"] svg {
    filter: invert(1) hue-rotate(180deg);
}

/* 시스템 설정 따르기 */
@media (prefers-color-scheme: dark) {
    html[data-theme="system"] {
        color-scheme: dark;
        filter: invert(1) hue-rotate(180deg);
    }
    
    html[data-theme="system"] img,
    html[data-theme="system"] video,
    html[data-theme="system"] svg {
        filter: invert(1) hue-rotate(180deg);
    }
}

/* ============================================
   포커스 지시자 (접근성)
   ============================================ */
/* 전역 포커스 표시 (mainContent는 제외) */
*:focus-visible:not(#mainContent) {
    outline: 3px solid #0057b8;
    outline-offset: 2px;
}

/* 메인 컨텐츠 클릭 시 포커스 테두리 제거 */
#mainContent:focus,
#mainContent:focus-visible {
    outline: none !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}

/* ============================================
   고대비 모드 지원
   ============================================ */
@media (prefers-contrast: high) {
    * {
        border-width: 2px !important;
    }
    
    a {
        text-decoration: underline !important;
    }
}

/* ============================================
   애니메이션 감소 모드
   ============================================ */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* ============================================
   인쇄 스타일
   ============================================ */
@media print {
    #krds-masthead,
    #krds-header,
    #krds-footer,
    .krds-main-menu-mobile,
    .btn-navi,
    .mobile-menu-toggle,
    #displaySettingsBtn {
        display: none !important;
    }
    
    body {
        background: #fff;
        color: #000;
    }
}