:root {
    --primary-color: #1f203a;
    --secondary-color: #ee2756;
    --accent-color: #f79825;

    --bs-primary: var(--primary-color);
    --bs-secondary: var(--secondary-color);
    --bs-primary-rgb: 31, 32, 58;
    --bs-secondary-rgb: 238, 39, 86;
}

body {
    font-family: 'Montserrat', sans-serif;
    font-optical-sizing: auto;

    background-color: var(--primary-color);
    color: #f5f5f5;
}

.main-wrapper {
    display: grid;
    min-height: 100dvh;
    place-items: center;
    padding-block: 3rem;
}

.new-worker-card {
    width: 650px;
}

.btn-primary {
    --bs-btn-bg: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-hover-bg: var(--secondary-color);
    --bs-btn-hover-border-color: var(--secondary-color);

    --bs-btn-active-bg: var(--secondary-color);
    --bs-btn-active-border-color: var(--secondary-color);

    --bs-btn-disabled-bg: #ccc;
    --bs-btn-disabled-border-color: #ccc;
}

.ts-wrapper.multi .ts-control > div.active {
    background: var(--primary-color);
}

.form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}