:root {
    --zocks-purple-1: #19033D;
    --zocks-purple-2: #32057A;
    --zocks-purple-3: #4307A3;
    --zocks-purple-4: #4B08B8;
    --zocks-purple-5: #640AF5;
    --zocks-purple-6: #9B5CFF;
    --zocks-purple-7: #C7A4FF;
    --zocks-purple-8: #E6DCF5;

    --zocks-turqoise-1: #373D3D;
    --zocks-turqoise-2: #495152;
    --zocks-turqoise-3: #646F70;
    --zocks-turqoise-4: #889798;
    --zocks-turqoise-5: #A4B6B8;
    --zocks-turqoise-6: #BACBCC;
    --zocks-turqoise-7: #D8E8E9;
    --zocks-turqoise-8: #EBF4F5;

    --zocks-grey-1: #0D0D0D;
    --zocks-grey-2: #212121;
    --zocks-grey-3: #333333;
    --zocks-grey-4: #595959;
    --zocks-grey-5: #B8B8B8;
    --zocks-grey-6: #DBDBDB;
    --zocks-grey-7: #F7F7F7;
    --zocks-grey-8: #FFFFFF;

    --zocks-transparent-1: #0D0D0DCC;
    --zocks-transparent-2: #0D0D0D99;
    --zocks-transparent-3: #0D0D0D66;
    --zocks-transparent-4: #0D0D0D33;
    --zocks-transparent-5: #FFFFFFCC;
    --zocks-transparent-6: #FFFFFF99;
    --zocks-transparent-7: #FFFFFF66;
    --zocks-transparent-8: #FFFFFF33;

    --zocks-error-dark: #690019;
    --zocks-error-medium: #DB0035;
    --zocks-error-light: #F2DAE0;

    --zocks-success-dark: #00692A;
    --zocks-success-medium: #0BB850;
    --zocks-success-light: #CFE5D7;

    --zocks-warning-dark: #694B00;
    --zocks-warning-medium: #DEA104;
    --zocks-warning-light: #F0E5CC;

    --zocks-info-dark: #005069;
    --zocks-info-medium: #0DADDE;
    --zocks-info-light: #CFE0E5;
}
