.bg-primary{
    background-color:dodgerblue !important;
}


.btn-primary {
    background-color: dodgerblue !important;
    border-color: dodgerblue !important;
    color: white !important;
    transition: background-color 0.3s, border-color 0.3s;
}

    .btn-primary:hover {
        background-color: #1C86EE !important; /* hover rengi */
        border-color: #1874CD !important;
    }

/* btn-light ana renk */
.btn-light {
    background-color: #E1E1E1;
    border-color: #E1E1E1;
    color: #333; /* yazı rengi, okunabilir */
    transition: background-color 0.3s, border-color 0.3s;
}

    /* btn-light hover */
    .btn-light:hover {
        background-color: #CFCFCF; /* hover rengi */
        border-color: #BFBFBF;
        color: #333;
    }
/* btn-success */
.btn-success {
    background-color: #28a745; /* yeşil ana renk */
    border-color: #28a745;
    color: white;
    transition: background-color 0.3s, border-color 0.3s;
}

    .btn-success:hover {
        background-color: #218838; /* hover rengi */
        border-color: #1e7e34;
    }

/* btn-danger */
.btn-danger {
    background-color: #dc3545; /* kırmızı ana renk */
    border-color: #dc3545;
    color: white;
    transition: background-color 0.3s, border-color 0.3s;
}

    .btn-danger:hover {
        background-color: #c82333; /* hover rengi */
        border-color: #bd2130;
    }