/* path/to/your/custom.css */
    :root {
        --bs-primary: #000a47;
        /* Your desired primary color (e.g., red) */
        --bs-primary-rgb: 15, 67, 116;
        /* Corresponding RGB values for your color */
    }

    /* You might also need to adjust hover/focus states for buttons */
    .btn-primary {
        --bs-btn-color: #fff;
        /* Text color for the button */
        --bs-btn-bg: var(--bs-primary);
        --bs-btn-border-color: var(--bs-primary);
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #0f4374;
        /* A slightly darker shade for hover */
        --bs-btn-hover-border-color: #0f4374;
        --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #0f4374;
        /* Even darker for active state */
        --bs-btn-active-border-color: #0f4374;
    }