/* 검색엔진 최적화용 숨김 텍스트 (화면에서만 숨김, 스크린리더는 읽음) */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* 다크모드 공통 스타일 */
[data-bs-theme="dark"] body {
    background-color: #1a1a1a;
    color: #e0e0e0;
}

/* Bootstrap 컴포넌트 다크모드 보정 */
[data-bs-theme="dark"] .btn-outline-secondary {
    border-color: #6c757d;
    color: #e0e0e0;
}

[data-bs-theme="dark"] .btn-outline-secondary:hover {
    background-color: #6c757d;
    border-color: #6c757d;
}

/* 공통 카드 스타일 */
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .feature-card {
    background: #2d2d2d;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}

[data-bs-theme="dark"] .card:hover,
[data-bs-theme="dark"] .feature-card:hover {
    box-shadow: 0 8px 16px rgba(0,0,0,0.4);
}

/* 공통 텍스트 스타일 */
[data-bs-theme="dark"] h1,
[data-bs-theme="dark"] h2,
[data-bs-theme="dark"] h3,
[data-bs-theme="dark"] h4,
[data-bs-theme="dark"] h5,
[data-bs-theme="dark"] h6 {
    color: #ffffff;
}

[data-bs-theme="dark"] p {
    color: #b0b0b0;
}

/* 공통 테두리 */
[data-bs-theme="dark"] .border,
[data-bs-theme="dark"] [class*="border-"] {
    border-color: #3a3a3a !important;
}