:root {
    --znr-primary-color: #722ed1;
    --znr-primary-color-hover: #9254de;
    --znr-primary-color-active: #531dab;
    --znr-primary-color-outline: rgb(114, 46, 209, .3);

    --znr-primary-1: #f9f0ff;
    --znr-primary-2: #efdbff;
    --znr-primary-3: #d3adf7;
    --znr-primary-4: #b37feb;
    --znr-primary-5: #9254de;
    --znr-primary-6: #722ed1;
    --znr-primary-7: #531dab;
    --znr-primary-8: #391085;
    --znr-primary-9: #22075e;
    --znr-primary-10: #120338;
}