:root {
    --znr-primary-color: #eb2f96;
    --znr-primary-color-hover: #f759ab;
    --znr-primary-color-active: #c41d7f;
    --znr-primary-color-outline: rgb(235, 47, 150, .3);

    --znr-primary-1: #fff0f6;
    --znr-primary-2: #ffd6e7;
    --znr-primary-3: #ffadd2;
    --znr-primary-4: #ff85c0;
    --znr-primary-5: #f759ab;
    --znr-primary-6: #eb2f96;
    --znr-primary-7: #c41d7f;
    --znr-primary-8: #9e1068;
    --znr-primary-9: #780650;
    --znr-primary-10: #520339;
}