.bg-primary {
     background-color: #6243a7;
}

.text-primary {
     color: #6243a7;
}

.btn-primary {
     background-color: #6243a7;
     border-color: #6243a7;
}

.btn-primary:hover {
     background-color: #412b83;
     border-color: #412b83;
}

.btn-primary:focus {
     background-color: #5b21b6;
     border-color: #5b21b6;
     box-shadow: 0 0 0 0.2rem rgba(124, 58, 237, 0.5);
}

.btn-primary:active {
     background-color: #4c1d95;
     border-color: #4c1d95;
}

.btn-primary:disabled {
     background-color: #c4b5fd;
     border-color: #c4b5fd;
}

/*new css*/
/* --- Ribbon Modifications --- */
.ribbon.bg-orange {
    border-color: #593cb0;
}

/* --- Background Utilities --- */
.bg-orange {
    background-color: color-mix(in srgb, #593cb0 calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

/* --- Custom Variables Framework Overrides --- */
:root {
    --tblr-orange: #3e248c;
}

/* --- Button Styling --- */
.btn-orange {
    --tblr-btn-border-color: transparent;
    --tblr-btn-hover-border-color: transparent;
    --tblr-btn-active-border-color: transparent;
    --tblr-btn-color: var(--tblr-orange-fg, #ffffff);
    --tblr-btn-bg: #593cb0;
    --tblr-btn-hover-color: var(--tblr-orange-fg, #ffffff);
    --tblr-btn-hover-bg: #4c3298; /* Automatically darkened slightly for a visible hover state effect */
}

/* --- Universal Button Hover Handling --- */
.btn:hover {
    color: var(--tblr-btn-hover-color);
    text-decoration: none;
    background-color: var(--tblr-btn-hover-bg);
    border-color: var(--tblr-btn-hover-border-color);
}