:root {
    --znr-primary-color: #0076b9;
    --znr-primary-color-hover: #208fc7;
    --znr-primary-color-active: #005994;
    --znr-primary-color-outline: rgb(24, 144, 255, .3);

    --znr-primary-1: #e1f5fa;
    --znr-primary-2: #98d9ed;
    --znr-primary-3: #6cc1e0;
    --znr-primary-4: #44a8d4;
    --znr-primary-5: #208fc7;
    --znr-primary-6: #0076b9;
    --znr-primary-7: #005994;
    --znr-primary-8: #003e6e;
    --znr-primary-9: #002647;
    --znr-primary-10: #001121;
}