:root {
    --znr-primary-color: #6357a1;
    --znr-primary-color-hover: #8479ad;
    --znr-primary-color-active: #443c7a;
    --znr-primary-color-outline: rgba(64, 13, 136, 0.3);

    --znr-primary-1: #d7d3e0;
    --znr-primary-2: #cbc7d4;
    --znr-primary-3: #bebbc7;
    --znr-primary-4: #a6a0ba;
    --znr-primary-5: #8479ad;
    --znr-primary-6: #6357a1;
    --znr-primary-7: #443c7a;
    --znr-primary-8: #2a2554;
    --znr-primary-9: #14122e;
    --znr-primary-10: #030308;
}