:root {
    --color-accent-1: #3d0f58;
    --color-accent-2: #C65300;
    --color-light: #F5F5F5;
    --color-dark: #444444;
    --color-gradient: linear-gradient(to right, var(--color-accent-1) 70%, var(--color-accent-2));
    --color-gradient-reverse: linear-gradient(to right,var(--color-accent-2) 70%, var(--color-accent-1) 90%);
}

body{
    background-color:white;
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
a:focus[role=button],
.form-control:focus,
.form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem var(--color-accent-1);
}

.hr-accent-2{
    opacity:1;
    color:var(--color-accent-2);
}

/* Background */
.bg-accent-1 {
    opacity: 1;
    background-color: var(--color-accent-1) !important;
}

.bg-accent-2 {
    opacity: 1;
    background-color: var(--color-accent-2) !important;
}

.bg-soft {
    background-color: var(--color-light) !important;
}

.bg-gradient {
    background: var(--color-gradient) !important;
}

.bg-gradient_reverse {
    background: var(--color-gradient-reverse) !important;
}

/*Outline*/
.outline-accent-1 {
    border: 2px solid var(--color-accent-1);
}

/* Text */
.text-accent-1 {
    color: var(--color-accent-1) !important;
}

.text-accent-2 {
    color: var(--color-accent-2) !important;
}

.text-accent-1-underline {
    color: var(--color-accent-1) !important;
    text-decoration: underline !important;
}

.text-accent-2-underline {
    color: var(--color-accent-2) !important;
    text-decoration: underline !important;
}

.text-light {
    color: var(--color-light) !important;
}

.text-dark {
    color: var(--color-dark) !important;
}

/* Link */
a:hover, .btn-link {
    color: var(--color-accent-1) !important;
}

/* Button */
.btn-accent{
    background-color:var(--color-accent-1);
    color:var(--color-light);
}

    .btn-accent:hover {
        background-color: white;
        color: var(--color-accent-2) !important;
        border: 1px solid var(--color-accent-2);
    }

.btn-accent-outline {
    background-color: white;
    color: var(--color-accent-1);
    border: 1px solid var(--color-accent-1);
   
}

.btn-accent-outline:hover {
    background-color: var(--color-accent-1);
    color: var(--color-light);
}

.swal-confirm {
    background-color: var(--color-accent-1);
    color: var(--color-light);
}

.alert-accent_1 {
    background: var(--color-accent-1) !important;
    color: var(--color-light);
}

.alert-accent_2 {
    background: var(--color-accent-2) !important;
    color: var(--color-light);
}

.page-item.active .page-link {
    background-color: white !important;
    color: var(--color-accent-2) !important;
    border-color: var(--color-accent-2) !important;
}