/* ----------------- Dark Mode Base ----------------- */
body.bg-dark {
    background-color: #121212;
    color: #e0e0e0;
}

    /* Tables outside song-list-card */
    body.bg-dark table.table {
        background-color: #1e1e1e;
        color: #e0e0e0;
    }

        body.bg-dark table.table th,
        body.bg-dark table.table td {
            border-color: #444;
        }

        body.bg-dark table.table thead th {
            background-color: #2c2c2c;
        }

        body.bg-dark table.table tbody tr:nth-child(odd) {
            background-color: #1a1a1a;
        }

        body.bg-dark table.table a {
            color: #e0e0e0;
            text-decoration: none;
        }

            body.bg-dark table.table a:hover {
                color: #ffffff;
            }

    /* Buttons outside song-list-card */
    body.bg-dark .btn-primary {
        background-color: #007bff;
        border-color: #007bff;
    }

    body.bg-dark .btn-warning {
        background-color: #ffc107;
        border-color: #ffc107;
        color: #000;
    }

    body.bg-dark .btn-danger {
        background-color: #dc3545;
        border-color: #dc3545;
    }

    /* Navbar links */
    body.bg-dark .navbar .nav-link,
    body.bg-dark .navbar .navbar-brand,
    body.bg-dark .navbar span.nav-link {
        color: #e0e0e0 !important;
    }

    body.bg-dark .navbar .btn-link,
    body.bg-dark .navbar .btn-outline-secondary {
        color: #e0e0e0 !important;
        border-color: #e0e0e0 !important;
    }

/* ----------------- Song List Card ----------------- */
.song-list-card {
    background-color: #222; /* card background */
    color: #f1f1f1; /* text */
    padding: 1rem;
    border-radius: 0.5rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.5);
}

    /* Tables inside song-list-card */
    .song-list-card table.table-striped {
        background-color: #222 !important;
        color: #f1f1f1 !important;
    }

        .song-list-card table.table-striped thead,
        .song-list-card table.table-striped thead th {
            background-color: #2c2c2c !important;
            color: #f1f1f1 !important;
        }

        .song-list-card table.table-striped tbody tr {
            background-color: #2c2c2c !important; /* odd rows */
            color: #f1f1f1 !important;
        }

            .song-list-card table.table-striped tbody tr:nth-of-type(even) {
                background-color: #242424 !important; /* even rows */
            }

            .song-list-card table.table-striped tbody tr td {
                background-color: inherit !important;
                color: inherit !important;
            }

        .song-list-card table.table-striped a {
            color: #f1f1f1 !important;
            text-decoration: none;
        }

            .song-list-card table.table-striped a:hover {
                color: #ffffff !important;
            }

    /* Buttons inside song-list-card */
    .song-list-card .btn-primary {
        background-color: #007bff;
        border-color: #007bff;
        color: #fff;
    }

    .song-list-card .btn-warning {
        background-color: #d39e00; /* darker amber */
        border-color: #d39e00;
        color: #000; /* black text for contrast */
    }

    .song-list-card .btn-danger {
        background-color: #dc3545;
        border-color: #dc3545;
        color: #fff;
    }

    .song-list-card .btn-secondary {
        background-color: #6c757d;
        border-color: #6c757d;
        color: #fff;
    }

    /* Form inputs inside song-list-card */
    .song-list-card input.form-control {
        background-color: #333;
        color: #f1f1f1;
        border: 1px solid #555;
    }

        .song-list-card input.form-control::placeholder {
            color: #bbb;
        }

        .song-list-card input.form-control:focus {
            background-color: #444;
            color: #fff;
            border-color: #007bff;
            box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
        }

/* Table header white links */
.table-header-white th {
    color: white;
}

    .table-header-white th a {
        color: white;
    }

/* Optional: remove table-striped color conflicts */
.song-list-card table.table-striped tbody tr td,
.song-list-card table.table-striped tbody tr th {
    background-color: inherit !important;
}