:root {
    --bs-body-bg: #582566;
    --bs-border-color: #ffffff;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #7e3492;
    --bs-btn-border-color: #76647a;

    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #9c41b6; 
    --bs-btn-hover-border-color: #76647a;

    --bs-btn-focus-shadow-rgb: 239,99,239;
    --bs-btn-active-bg: #9c41b6;
    --bs-btn-active-border-color: #ef63ef;
    --bs-btn-active-shadow: 0 0 0 0.25rem rgb(239 99 239 / 25%);
}

body {
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif !important;
}

.form-control {
    background-color: #ffffff;
    color: #3f3f3f;
}
.form-control:focus {
    background-color: #ffffff;
    color: #3f3f3f;
    border-color: #ef63ef;
    box-shadow: 0 0 0 0.25rem rgb(239 99 239 / 25%);
}

.form-select {
    background-color: #ffffff;
    color: #3f3f3f;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-select:focus {
    background-color: #ffffff;
    color: #3f3f3f;
    border-color: #ef63ef;
    box-shadow: 0 0 0 0.25rem rgb(239 99 239 / 25%);
}

.text-oswald {
    font-family: 'Oswald', sans-serif;
}

.task-color-circle {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    right: 4rem;
}
.task-color-circle-amber {
    background-color: #ffc107;
}
.task-color-circle-green {
    background-color: #198754;
}
.task-color-circle-red {
    background-color: #dc3545;
}


.task-counters span p {
    color: #000;
    margin: 0 !important;
    padding: 0 !important;
}
.task-counters span.badge.bg-light.me-1.green {
    background-color: green !important;
}
.task-counters span.badge.bg-light.me-1.green p {
    color: #303030 !important;
}