:root {
    --primary: #BF00FF;
    --primary-linear-gradient: #BF00FF;
    --primary-background: #BF00FF;
    --hover-primary-background: #a726d3;

    --primary-2: #BF00FF;
    --primary-2-background: #BF00FF;
    --primary-text: #ffffff;
    --primary-2-secondary-background: #BF00FF;
    --primary-2-secondary-text: #ffffff;
    --hover-primary-2-secondary-background: #a726d3;
    --hover-primary-2-background: #a726d3;
    --primary-2-tertiary-background: #BF00FF;
    --hover-primary-2-tertiary-background: #a726d3;
    --primary-2-tertiary-text: #ffffff;

    --primary-icon-color: var(--primary);

    --step-background: #BF00FF;
    --counter-background: #282B37;
    --primary-border-color: #282B37;
}

.profile-banner::before {
    background: url('/wz66/img/profile-bg.png') !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
}

.mobile-profile-banner::before {
    background: url('/wz66/img/profile-mobile.png') !important;
    background-size: cover !important;
}