/* Dark mode overrides */
body.dark-mode {
    background-color: #121212;
    color: #e4e4e4;
}

body.dark-mode .card,
body.dark-mode .modal-content {
    background-color: #1e1e1e;
    color: #e4e4e4;
}

body.dark-mode .navbar {
    background-color: #0d6efd;
}

body.dark-mode .card-header {
    background-color: #1e1e1e;
}

body.dark-mode .btn-primary {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

body.dark-mode .btn-outline-secondary {
    color: #e4e4e4;
    border-color: #e4e4e4;
}

body.dark-mode a {
    color: #8ab4f8;
}

body.dark-mode hr {
    border-color: #333;
}

body.dark-mode .instruction-step {
    background: #232323 !important;
    color: #e4e4e4 !important;
    border-left-color: #8ab4f8 !important;
}

body.dark-mode .recent-person {
    background: #232323 !important;
    color: #e4e4e4 !important;
    border-color: #333 !important;
}

body.dark-mode .bg-light {
    background: #232323 !important;
    color: #e4e4e4 !important;
}

body.dark-mode .text-muted {
    color: #b0b0b0 !important;
}

body.dark-mode .card {
    border-color: #333 !important;
}

body.dark-mode .btn-outline-primary {
    color: #8ab4f8 !important;
    border-color: #8ab4f8 !important;
}

body.dark-mode .btn-outline-primary:hover {
    background: #8ab4f8 !important;
    color: #232323 !important;
}

body.dark-mode .btn-custom {
    background: linear-gradient(45deg, #3a5ca8 0%, #4b3a76 100%) !important;
    color: #fff !important;
}

body.dark-mode .family-card {
    background: #232323 !important;
    color: #e4e4e4 !important;
}
body.dark-mode .family-card-male {
    border: 2px solid #2196f3 !important;
    box-shadow: 0 0 8px rgba(33, 150, 243, 0.6), 0 0 16px rgba(33, 150, 243, 0.4) !important;
}
body.dark-mode .family-card-female {
    border: 2px solid #e91e63 !important;
    box-shadow: 0 0 8px rgba(233, 30, 99, 0.6), 0 0 16px rgba(233, 30, 99, 0.4) !important;
}
body.dark-mode .child-card.child-card-male {
    border: 2px solid #2196f3 !important;
    box-shadow: 0 0 8px rgba(33, 150, 243, 0.6), 0 0 16px rgba(33, 150, 243, 0.4) !important;
}
body.dark-mode .child-card.child-card-female {
    border: 2px solid #e91e63 !important;
    box-shadow: 0 0 8px rgba(233, 30, 99, 0.6), 0 0 16px rgba(233, 30, 99, 0.4) !important;
}
body.dark-mode .person-main-card-male {
    border: 2px solid #2196f3 !important;
    box-shadow: 0 0 8px rgba(33, 150, 243, 0.6), 0 0 16px rgba(33, 150, 243, 0.4) !important;
}
body.dark-mode .person-main-card-female {
    border: 2px solid #e91e63 !important;
    box-shadow: 0 0 8px rgba(233, 30, 99, 0.6), 0 0 16px rgba(233, 30, 99, 0.4) !important;
}
body.dark-mode .family-info {
    color: #e4e4e4 !important;
}
body.dark-mode .family-card strong {
    color: #e4e4e4 !important;
}
body.dark-mode .family-photo-placeholder {
    background: #232323 !important;
    color: #e4e4e4 !important;
}
body.dark-mode .family-photo-placeholder:not(.deceased-photo) {
    border-color: #fff !important;
}
body.dark-mode .family-photo-placeholder.deceased-photo {
    border: 5px solid #000 !important;
}
body.dark-mode .person-photo-placeholder-detail:not(.deceased-photo) {
    border-color: #fff !important;
}
body.dark-mode .person-photo-placeholder-detail.deceased-photo {
    border: 6px solid #000 !important;
}