:root {
    --bs-primary: #ff6699;
    --bs-primary-rgb: 255, 102, 153;
    --bs-link-color: #ff6699;
    --bs-link-hover-color: #ff3380;
}

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

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

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: #ff3380;
    --bs-btn-hover-border-color: #ff3380;
    --bs-btn-active-bg: #ff3380;
    --bs-btn-active-border-color: #ff3380;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-outline-primary:hover {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: white !important;
}

a {
    color: var(--bs-primary);
    text-decoration: none;
}

a:hover {
    color: #ff3380;
}

.page-item.active .page-link {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: white;
}

.page-link {
    color: var(--bs-primary);
}

.page-link:hover {
    color: #ff3380;
}

:root {
    --bs-info: #ff99cc;
    /* Lighter pink */
    --bs-info-rgb: 255, 153, 204;
}

.bg-info {
    background-color: var(--bs-info) !important;
    color: white !important;
    /* Ensure text is readable */
}

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

.btn-info {
    --bs-btn-bg: var(--bs-info);
    --bs-btn-border-color: var(--bs-info);
    --bs-btn-hover-bg: #ff6699;
    --bs-btn-hover-border-color: #ff6699;
    background-color: var(--bs-info);
    border-color: var(--bs-info);
    color: white;
}

/* Fix for blue hover/active states */
.dropdown-item:active {
    background-color: var(--bs-primary);
    color: white;
}

.dropdown-item:hover {
    color: var(--bs-primary);
}

.nav-underline .nav-link:hover,
.nav-underline .nav-link:focus {
    color: #ff3380;
}

.nav-underline .nav-link.active {
    color: var(--bs-primary);
    font-weight: bold;
}