body {
    background-color: black;
    color: limegreen;
    /* Light green */
    font-family: "Lucida Console", "Courier New", monospace;
}

.card {
    background-color: #0e0b0b;
    /* Darker background for cards */
    color: limegreen;
    border: 1px solid limegreen;
}

a {
    color: limegreen;
}

a:hover {
    color: #00FF00;
    /* Brighter green on hover */
}

.btn-primary {
    background-color: limegreen;
    border-color: limegreen;
    color: black;
}

.btn-primary:hover {
    background-color: #00FF00;
    border-color: #00FF00;
    color: black;
}

/* Table styling for black background and green borders */
.table {
    --bs-table-bg: black;
    /* Bootstrap 5 variable for table background */
    --bs-table-color: limegreen;
    /* Text color for table */
    --bs-table-border-color: limegreen;
    /* Border color for the table and cells */
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-bg-type: #1a1a1a;
    /* Slightly lighter black for striped rows */
    color: limegreen;
}

.table-hover>tbody>tr:hover>* {
    --bs-table-hover-bg: #444;
    /* Darker grey on hover */
    color: limegreen;
}

.table-bordered> :not(caption)>*>* {
    border-color: limegreen;
}

.bg-dark {
    /* Ensure consistency for manually set dark backgrounds */
    background-color: black !important;
}

.text-success {
    /* Ensure consistency for success text */
    color: limegreen !important;
}

.header-border {
    border-bottom: 3px solid rgba(50, 205, 50, 0.7) !important;
}

.content-border {
    border: 3px solid rgba(50, 205, 50, 0.7) !important;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 1.5rem;
}