:root {
    --bs-primary: rgb(65,105,225);
    --bs-primary-rgb: 65, 105, 225;
    --bs-secondary: #FFEE8C;
    --bs-secondary-rgb: 255, 238, 140;
}

.btn,
a.btn,
a {
    text-decoration: none;
}

/*.btn {
    background-color: white;
    color: var(--bs-primary);
    
}*/

.table th {
    border-bottom: 0px solid black; 
}

.table {
    margin-bottom: 0 !important;
}

/* Target only the row hover and kill the gray overlay */
.table-hover tbody tr:hover {
    /* This overrides the base color variable */
    --bs-table-accent-bg: transparent !important;
    --bs-table-bg-state: transparent !important;
    /* Set your desired pink color here */
    background-color: rgba(255, 192, 203, 0.13) !important;
    /* This removes the "box-shadow" gradient Bootstrap uses for overlays */
    box-shadow: inset 0 0 0 9999px rgba(255, 192, 203, 0.13) !important;
}

    /* Ensure child cells don't try to apply their own background logic */
    .table-hover tbody tr:hover > * {
        background-color: transparent !important;
        box-shadow: none !important;
    }