:root {
    --znr-primary-color: #fadb14;
    --znr-primary-color-hover: #ffec3d;
    --znr-primary-color-active: #d4b106;
    --znr-primary-color-outline: rgb(250, 219, 20, .3);

    --znr-primary-1: #feffe6;
    --znr-primary-2: #ffffb8;
    --znr-primary-3: #fffb8f;
    --znr-primary-4: #fff566;
    --znr-primary-5: #ffec3d;
    --znr-primary-6: #fadb14;
    --znr-primary-7: #d4b106;
    --znr-primary-8: #ad8b00;
    --znr-primary-9: #876800;
    --znr-primary-10: #614700;
}