:root {
        --color-primary: #235ad1;
        
        --color-accent-1: #b5cee6;	
	--color-accent-2: #dae3ef;
	--color-accent-3: #7796c5;
	
	--color-dim-1: #324874;
	--color-dim-2: #333043;
	--color-dim-3: #706b6f;
	--color-dim-4: #564d4d;
	
	--color-light-01: #ffffff;
	--color-light-02: #f8fbfd;
	--color-light-03: #f2f6fa;
	--color-light-04: #ebf2f8;
	--color-light-05: #e4edf6;
	--color-light-06: #dde9f4;
	--color-light-07: #d7e4f1;
	--color-light-08: #d0e0ef;
	--color-light-09: #c9dbed;
	--color-light-10: #c2d7eb;
	--color-light-11: #bcd2e8;	
	--color-11ght-12: #b5cee6;
 
 	
	--color-dark-01: #000000;
	--color-dark-02: #101315;
	--color-dark-03: #21252a;
	--color-dark-04: #31383f;
	--color-dark-05: #424b54;
	--color-dark-06: #525e69;
	--color-dark-07: #63707d;
	--color-dark-08: #738392;
	--color-dark-09: #8496a7;
	--color-dark-10: #94a9bc;
	--color-dark-11: #a5bbd1;
	--color-dark-12: #b5cee6;
	
	--color-inv-01: #4a3119;
	--color-inv-02: #251c10;
	--color-inv-03: #88693a;
	--color-inv-04: #544735;
	--color-inv-05: #3b5357;
	--color-inv-06: #b6a16e;
	--color-inv-07: #cdb78b;
	--color-inv-08: #cccfbc;
	--color-inv-09: #8f9490;
	--color-inv-10: #a9b2b2;
	
	--palette-01: #b5cee6;
	--pslette-02: #dae3ef;
	--palette-03: #7796c5;
	--palette-04: #abb8ca;
	--palette-05: #c4aca8;
	--palette-06: #495e91;
	--palette-07: #324874;
	--palette-08: #333043;
	--palette-09: #706b6f;
	--palette-10: #564d4d;
	
}