:root {
    --znr-primary-color: #ae4f50;
    --znr-primary-color-hover: #ba7372;
    --znr-primary-color-active: #87363a;
    --znr-primary-color-outline: rgba(97, 56, 89, 0.3);

    --znr-primary-1: #ede1df;
    --znr-primary-2: #e0d5d3;
    --znr-primary-3: #d4c6c5;
    --znr-primary-4: #c79b99;
    --znr-primary-5: #ba7372;
    --znr-primary-6: #ae4f50;
    --znr-primary-7: #87363a;
    --znr-primary-8: #612227;
    --znr-primary-9: #3b1216;
    --znr-primary-10: #140608;
}