:root {
    --znr-primary-color: #a0d911;
    --znr-primary-color-hover: #bae637;
    --znr-primary-color-active: #7cb305;
    --znr-primary-color-outline: rgb(160, 217, 17, .3);

    --znr-primary-1: #fcffe6;
    --znr-primary-2: #f4ffb8;
    --znr-primary-3: #eaff8f;
    --znr-primary-4: #d3f261;
    --znr-primary-5: #bae637;
    --znr-primary-6: #a0d911;
    --znr-primary-7: #7cb305;
    --znr-primary-8: #5b8c00;
    --znr-primary-9: #3f6600;
    --znr-primary-10: #254000;
}