:root {
    --znr-primary-color: #2f54eb;
    --znr-primary-color-hover: #597ef7;
    --znr-primary-color-active: #1d39c4;
    --znr-primary-color-outline: rgb(47, 84, 235, .3);

    --znr-primary-1: #f0f5ff;
    --znr-primary-2: #d6e4ff;
    --znr-primary-3: #adc6ff;
    --znr-primary-4: #85a5ff;
    --znr-primary-5: #597ef7;
    --znr-primary-6: #2f54eb;
    --znr-primary-7: #1d39c4;
    --znr-primary-8: #10239e;
    --znr-primary-9: #061178;
    --znr-primary-10: #030852;
}