.bg-purple-600 {
    --bg-opacity: 1;
    background-color: #ff6600;
    background-color: rgba(255, 102, 0, var(--bg-opacity));
}

.hover\:bg-purple-700:hover {
    --bg-opacity: 1;
    background-color: #d95b07;
    background-color: rgba(217, 91, 7, var(--bg-opacity));
}

.active\:bg-purple-600:active {
    --bg-opacity: 1;
    background-color: #ff6600;
    background-color: rgba(255, 102, 0, var(--bg-opacity));
}

.theme-dark .dark\:bg-orange-500 {
    --bg-opacity: 1;
    background-color: #ff5a1f;
    background-color: rgba(255, 90, 31, var(--bg-opacity));
}

.border-purple-600 {
    --border-opacity: 1;
    border-color: #ff6600;
    border-color: rgba(255, 102, 0, var(--bg-opacity));
}

.text-orange-500 {
    --text-opacity: 1;
    color: #ff5a1f;
    color: rgba(255, 90, 31, var(--text-opacity));
}

.text-purple-600 {
    --text-opacity: 1;
    color: #ff6600;
    color: rgba(255, 102, 0, var(--bg-opacity));
}
.focus-within\:text-purple-500:focus-within {
    --text-opacity: 1;
    color: #ff6600;
    color: rgba(255, 102, 0, var(--bg-opacity));
}
.focus-within\:text-purple-600:focus-within {
    --text-opacity: 1;
    color: #ff6600;
    color: rgba(255, 102, 0, var(--bg-opacity));
}