:root {
    --primary: #7b2cbf;
    --primary-dark: #5b21b6;
    --primary-soft: #f3e8ff;
    --accent: #4c1d95;
}

.btn-purple {
    background-color: var(--primary) !important;
    color: white !important;
    border-color: var(--primary) !important;
    transition: background-color 0.5 !important;
}
.btn-purple:hover {
    background-color: var(--accent) !important;
}

.btn-white-purple {
    background-color: white !important;
    color: var(--primary) !important;
    border-color: var(--primary) !important;
    transition: background-color 0.5 !important;
}
.btn-white-purple:hover {
    background-color: var(--primary-soft) !important;
}

.fs-7 {
    font-size: 0.75rem;
}

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

.text-accent {
    color: var(--accent);
}

.bg-primary {
    background-color: var(--primary);
}
.bg-primary-soft {
    background-color: var(--primary-soft);
}

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