/* Claimiflo Brand Colors */
:root {
    --cf-primary: #0900a3;
    --cf-primary-dark: #06007a;
    --cf-primary-light: #1a0fc4;
    --cf-primary-rgb: 9, 0, 163;
    --bs-primary: #0900a3;
    --bs-primary-rgb: 9, 0, 163;
}

/* Override Bootstrap primary button */
.btn-primary {
    background-color: var(--cf-primary) !important;
    border-color: var(--cf-primary) !important;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: var(--cf-primary-dark) !important;
    border-color: var(--cf-primary-dark) !important;
}

.btn-primary:active {
    background-color: var(--cf-primary-dark) !important;
    border-color: var(--cf-primary-dark) !important;
}

.btn-outline-primary {
    color: var(--cf-primary) !important;
    border-color: var(--cf-primary) !important;
}

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

/* Text colors */
.text-primary {
    color: var(--cf-primary) !important;
}

/* Background colors */
.bg-primary {
    background-color: var(--cf-primary) !important;
}

/* Badge colors */
.badge.bg-primary {
    background-color: var(--cf-primary) !important;
}

/* Form focus states */
.form-control:focus, .form-select:focus {
    border-color: var(--cf-primary);
    box-shadow: 0 0 0 0.2rem rgba(var(--cf-primary-rgb), 0.25);
}

/* Links */
a {
    color: var(--cf-primary);
}

a:hover {
    color: var(--cf-primary-dark);
}

/* Progress bar */
.progress-bar {
    background-color: var(--cf-primary);
}

/* Pagination */
.page-link {
    color: var(--cf-primary);
}

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

.page-link:hover {
    color: var(--cf-primary-dark);
}
