:root {
    --znr-primary-color: #fa8c16;
    --znr-primary-color-hover: #ffa940;
    --znr-primary-color-active: #d46b08;
    --znr-primary-color-outline: rgb(250, 140, 22, .3);

    --znr-primary-1: #fff7e6;
    --znr-primary-2: #ffe7ba;
    --znr-primary-3: #ffd591;
    --znr-primary-4: #ffc069;
    --znr-primary-5: #ffa940;
    --znr-primary-6: #fa8c16;
    --znr-primary-7: #d46b08;
    --znr-primary-8: #ad4e00;
    --znr-primary-9: #873800;
    --znr-primary-10: #612500;
}