:root {
    --znr-primary-color: #cf5773;
    --znr-primary-color-hover: #f6738d;
    --znr-primary-color-active: #a83e5b;
    --znr-primary-color-outline: rgba(56, 25, 50, 0.3);

    --znr-primary-1: #fff0f0;
    --znr-primary-2: #fff0f1;
    --znr-primary-3: #ffc9d1;
    --znr-primary-4: #ffa1b0;
    --znr-primary-5: #f6738d;
    --znr-primary-6: #cf5773;
    --znr-primary-7: #a83e5b;
    --znr-primary-8: #822a44;
    --znr-primary-9: #5c1c32;
    --znr-primary-10: #140608;
}