:root {
    --primary: #ff3166;
    --primary-hover: #e62c5c;
    --primary-active: #d92755;
    --secondary: #e13864;
    --secondary-hover: #ca3159;
    --secondary-active: #b72c50;
    --primary-rgb: 255, 49, 102;
    --bs-primary: var(--primary);
    --bs-primary-rgb: var(--primary-rgb);
    --bs-primary-bg-subtle: rgba(255, 49, 102, 0.1);
}
body {
    background-color: #f8f9fa;
}
a {
    color: var(--primary);
}
a:hover {
    color: var(--primary-hover);
}
.btn {
    cursor: pointer;
}
.btn:disabled {
    cursor: default;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--primary-hover);
    --bs-btn-hover-border-color: var(--primary-hover);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary-active);
    --bs-btn-active-border-color: var(--primary-active);
    --bs-btn-disabled-bg: var(--primary);
    --bs-btn-disabled-border-color: var(--primary);
}
.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--secondary);
    --bs-btn-border-color: var(--secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--secondary-hover);
    --bs-btn-hover-border-color: var(--secondary-hover);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--secondary-active);
    --bs-btn-active-border-color: var(--secondary-active);
    --bs-btn-disabled-bg: var(--secondary);
    --bs-btn-disabled-border-color: var(--secondary);
}
.btn-outline-secondary {
    --bs-btn-color: var(--secondary);
    --bs-btn-border-color: var(--secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--secondary);
    --bs-btn-hover-border-color: var(--secondary);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--secondary-hover);
    --bs-btn-active-border-color: var(--secondary-hover);
}
.btn-outline-primary {
    --bs-btn-color: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--primary);
    --bs-btn-hover-border-color: var(--primary);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary-hover);
    --bs-btn-active-border-color: var(--primary-hover);
}
.form-control:focus,
.form-select:focus {
    border-color: #ff3166 !important;
    box-shadow: 0 0 0 .2rem rgba(255, 49, 102, .15) !important;
}
.form-check-input {
    cursor: pointer;
}
.form-check-input:checked {
    background-color: var(--primary);
    border-color: var(--primary);
}
.form-check-input:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb), .15);
}
.progress-bar {
    background-color: var(--primary);
}
.nav-link {
    cursor: pointer;
}
.nav-link.active {
    color: var(--primary) !important;
}
.dropdown-item {
    cursor: pointer;
}
.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--primary);
}
#textInput:focus {
    border-color: #ff3166 !important;
    box-shadow: 0 0 0 .2rem rgba(255, 49, 102, .15) !important;
    outline: none;
}
.bg-primary-subtle {
    background-color: rgba(255, 49, 102, 0.1) !important;
}
::selection {
    color: #fff;
    background-color: var(--primary);
}