:root {
        --brand-primary: #0d6efd;
        --brand-secondary: #6c757d;
        --brand-primary-rgb: 13, 110, 253;
        --brand-secondary-rgb: 108, 117, 125;
    }
    .btn-primary {
        background-color: var(--brand-primary);
        border-color: var(--brand-primary);
    }
    .btn-primary:hover {
        background-color: var(--brand-primary);
        border-color: var(--brand-primary);
        opacity: 0.9;
    }
    .text-primary {
        color: var(--brand-primary) !important;
    }
    .bg-primary {
        background-color: var(--brand-primary) !important;
    }
    .border-primary {
        border-color: var(--brand-primary) !important;
    }
    .btn-secondary {
        background-color: var(--brand-secondary);
        border-color: var(--brand-secondary);
    }
    .btn-secondary:hover {
        background-color: var(--brand-secondary);
        border-color: var(--brand-secondary);
        opacity: 0.9;
    }
    .text-secondary {
        color: var(--brand-secondary) !important;
    }
    .bg-secondary {
        background-color: var(--brand-secondary) !important;
    }
    .border-secondary {
        border-color: var(--brand-secondary) !important;
    }