:root {
    --theme-color: #983799;
    --theme-color-l5: #faf2fa ;
    --theme-color-l4: #efd3ef;
    --theme-color-l3: #dea7df;
    --theme-color-l2: #ce7acf;
    --theme-color-l1: #bd4ebf;
    --theme-color-d1: #89328a;
    --theme-color-d2: #7a2c7b;
    --theme-color-d3: #6a276c;
    --theme-color-d4: #5b215c;
    --theme-color-d5: #4c1c4d;
}

.w3-theme-l5 {color:#000 !important; background-color:#faf2fa !important}
.w3-theme-l4 {color:#000 !important; background-color:#efd3ef !important}
.w3-theme-l3 {color:#000 !important; background-color:#dea7df !important}
.w3-theme-l2 {color:#fff !important; background-color:#ce7acf !important}
.w3-theme-l1 {color:#fff !important; background-color:#bd4ebf !important}
.w3-theme-d1 {color:#fff !important; background-color:#89328a !important}
.w3-theme-d2 {color:#fff !important; background-color:#7a2c7b !important}
.w3-theme-d3 {color:#fff !important; background-color:#6a276c !important}
.w3-theme-d4 {color:#fff !important; background-color:#5b215c !important}
.w3-theme-d5 {color:#fff !important; background-color:#4c1c4d !important}

.w3-theme-light {color:#000 !important; background-color:#faf2fa !important}
.w3-theme-dark {color:#fff !important; background-color:#4c1c4d !important}
.w3-theme-action {color:#fff !important; background-color:#4c1c4d !important}

.w3-theme {color:#fff !important; background-color:#983799 !important}
.w3-text-theme {color:#983799 !important}
.w3-border-theme {border-color:#983799 !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#983799 !important}
.w3-hover-text-theme:hover {color:#983799 !important}
.w3-hover-border-theme:hover {border-color:#983799 !important}