/* assets/css/brand-colors.css */
:root {
    --brand-primary: #6366f1;
    --brand-primary-dark: #595cd9;
}

.btn-primary, .btn-success {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

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

.navbar-custom {
    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%) !important;
}

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

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

.role-badge {
    color: var(--brand-primary) !important;
}