/* Custom colors for Quentin Pugeat's graphical design */

/*Backgrounds */
.bg-primary
{
	background-color: #8400FF;
}

.bg-primary-gradient
{
    background-image: linear-gradient(to top right, #55007c, #4d0088, #3c00a3, #2500c5, #0d00ea);
}

.bg-primary-gradient-inverted
{
    background-image: linear-gradient(to bottom left, #55007c, #4d0088, #3c00a3, #2500c5, #0d00ea);
}

@-webkit-keyframes GradientAnimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes GradientAnimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes GradientAnimation {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.bg-primary-gradient-animated {
    background-image: linear-gradient(to bottom left, #55007c, #4d0088, #3c00a3, #2500c5, #0d00ea);
    background-size: 200vw 200vh;
    
    -webkit-animation: GradientAnimation 15s infinite linear forwards;
    -moz-animation: GradientAnimation 15s infinite linear forwards;
    animation: GradientAnimation 15s ease infinite;
}

/* Badges */
.badge-primary
{
	background-color: #8400FF;
}

.badge-primary-gradient
{
    color: white;
	background-color: none;
    background-image: linear-gradient(to right, #55007c, #0d00ea);
}

/* Links */
a
{
    color: #55007c;
    transition: color 0.2s ease;
}

a:hover
{
    color: #0d00ea;
    text-decoration: none;
}

.text-white a
{
    color: #ffffff;
    transition: color 0.2s ease;
}

.text-white a:hover
{
    color: #C9C9FF;
    text-decoration: none;
}

/* Buttons */
.show .btn-primary.dropdown-toggle
{
	background-color: #5b00b0;
	border-color: #5b00b0;
}

.btn-primary
{
	background-color: #55007c;
	border-color: #55007c;
}

.btn-primary:hover
{
	background-color: #0d00ea;
	border-color: #0d00ea;
}

.btn-primary:not(:disabled):not(.disabled):active
{
	background-color: #55007c;
	border-color: #55007c;
}

.btn-link
{
	color: inherit;
}

.btn-link:hover
{
	color: #0d00ea;
	text-decoration: none;
}

.btn-link:not(:disabled):not(.disabled):active
{
	color: #55007c;
}

.btn-link:focus, .btn-link.focus
{
    box-shadow: 0 0 0 0 transparent;
}

/* Dropdowns */
.dropdown-item.active, .dropdown-item:active
{
	background-color: #55007c !important;
}

/* Form controls */
.form-control:focus {
    border-color: #c548ff;
    box-shadow: 0 0 0 .25rem #d1b7dd;
}

/* Backgrounds */
.bg-lightdark {
    background-color: #f8f9fa;
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
	.form-control:focus {
		border-color: #5e1580;
		box-shadow: 0 0 0 .25rem #61018d;
	}

    .border {
        border-color: #212529 !important;
    }

    /* Links */
    a
    {
        color: #cf66ff;
    }

    a:hover
    {
        color: #9993ff;
    }

    /* Dropdowns */
    .dropdown-item {
        color: #f8f9fa;
    }

    .dropdown-item:hover {
        background-color: #4a4e52;
        color: white;
    }

    /* Cards */
    .card {
        background-color: #212529;
    }

/* Backgrounds */
.bg-lightdark {
    background-color: #212529;
}
}