/* PlanTaskIt brand theme — replaces Bootstrap default blue (#0d6efd) app-wide */

:root {
    --ptit-brand: #28535d;
    --ptit-brand-dark: #1e3f47;
    --ptit-brand-mid: #224a52;
    --ptit-brand-rgb: 40, 83, 93;
    --ptit-brand-focus-ring: rgba(40, 83, 93, 0.45);

    /* Alias used by authPage.css and landing styles */
    --landing-teal: #28535d;

    --bs-primary: #28535d;
    --bs-primary-rgb: 40, 83, 93;
    --bs-blue: #28535d;
}

a {
    color: var(--ptit-brand);
}

a:hover {
    color: var(--ptit-brand-dark);
}

.btn-link {
    color: var(--ptit-brand);
}

.btn-link:hover,
.btn-link:focus {
    color: var(--ptit-brand-dark);
}

.btn-primary {
    color: #fff;
    background-color: var(--ptit-brand);
    border-color: var(--ptit-brand);
}

.btn-primary:hover,
.btn-primary:focus {
    color: #fff;
    background-color: var(--ptit-brand-mid);
    border-color: var(--ptit-brand-dark);
}

.btn-check:focus + .btn-primary,
.btn-primary:focus {
    color: #fff;
    background-color: var(--ptit-brand-mid);
    border-color: var(--ptit-brand-dark);
    box-shadow: 0 0 0 0.25rem var(--ptit-brand-focus-ring);
}

.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--ptit-brand-dark);
    border-color: var(--ptit-brand-dark);
}

.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem var(--ptit-brand-focus-ring);
}

.btn-primary:disabled,
.btn-primary.disabled {
    color: #fff;
    background-color: var(--ptit-brand);
    border-color: var(--ptit-brand);
}

.btn-outline-primary {
    color: var(--ptit-brand);
    border-color: var(--ptit-brand);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    color: #fff;
    background-color: var(--ptit-brand);
    border-color: var(--ptit-brand);
}

.btn-check:focus + .btn-outline-primary,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem var(--ptit-brand-focus-ring);
}

.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--ptit-brand-dark);
    border-color: var(--ptit-brand-dark);
}

.text-primary {
    color: var(--ptit-brand) !important;
}

.border-primary {
    border-color: var(--ptit-brand) !important;
}

.link-primary {
    color: var(--ptit-brand) !important;
}

.link-primary:hover,
.link-primary:focus {
    color: var(--ptit-brand-dark) !important;
}

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

.form-check-input:focus {
    border-color: var(--ptit-brand-mid);
    box-shadow: 0 0 0 0.25rem var(--ptit-brand-focus-ring);
}

.page-link {
    color: var(--ptit-brand);
}

.page-link:hover {
    color: var(--ptit-brand-dark);
}

.page-item.active .page-link {
    color: #fff;
    background-color: var(--ptit-brand);
    border-color: var(--ptit-brand);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: var(--ptit-brand);
}

.list-group-item.active {
    color: #fff;
    background-color: var(--ptit-brand);
    border-color: var(--ptit-brand);
}

.progress-bar {
    background-color: var(--ptit-brand);
}

.footer a {
    color: var(--ptit-brand);
}

.footer a:hover {
    color: var(--ptit-brand-dark);
}