:root {
  	/*main colors*/
	--theme-primary: #1d3350;
	--theme-secondary: #ffa3a3;
  	--theme-accent: #ff3a21;
  	--theme-background: #FFFFFF;
  	--theme-text: #333333;
  	/*rgba colors*/
	--theme-primary-rgb-7: rgba(29,51,80,.7);
  	--theme-primary-rgb-2: rgba(29,51,80,.2);
	--theme-secondary-rgb-7: rgba(255,163,163,.7);
	--theme-secondary-rgb-2: rgba(255,163,163,.2);
  	--theme-accent-rgb-7: rgba(255,58,33,.7);
	--theme-accent-rgb-2: rgba(255,58,33,.2);
  	/*shade colors*/
  	/*primary*/
  	--theme-primary-light-1: #213a5c;
    --theme-primary-light-2: #254268;
    --theme-primary-light-3: #2a4974;
    --theme-primary-light-4: #2e5180;
    --theme-primary-light-5: #32598c;
  	--theme-primary-dark-1: #182b44;
    --theme-primary-dark-2: #142338;
    --theme-primary-dark-3: #0f1c2c;
    --theme-primary-dark-4: #0b1420;
    --theme-primary-dark-5: #070c14;
  	/*secondary*/
  	--theme-secondary-light-1: #ffbbbb;
    --theme-secondary-light-2: #ffd3d3;
    --theme-secondary-light-3: #ffecec;
    --theme-secondary-light-4: #ffffff;
    --theme-secondary-light-5: #ffffff;
  	--theme-secondary-dark-1: #d88a8a;
    --theme-secondary-dark-2: #b27272;
    --theme-secondary-dark-3: #8c5959;
    --theme-secondary-dark-4: #664141;
    --theme-secondary-dark-5: #3f2828;
  	/*accent*/
  	--theme-accent-light-1: #ff4225;
    --theme-accent-light-2: #ff4b2a;
    --theme-accent-light-3: #ff542f;
    --theme-accent-light-4: #ff5c34;
    --theme-accent-light-5: #ff6539;
  	--theme-accent-dark-1: #d8311c;
    --theme-accent-dark-2: #b22817;
    --theme-accent-dark-3: #8c1f12;
    --theme-accent-dark-4: #66170d;
    --theme-accent-dark-5: #3f0e08;
  	/*background*/
  	--theme-background-light-1: #ffffff;
    --theme-background-light-2: #ffffff;
    --theme-background-light-3: #ffffff;
    --theme-background-light-4: #ffffff;
    --theme-background-light-5: #ffffff;
  	--theme-background-dark-0: #f7f7f7;
  	--theme-background-dark-1: #d8d8d8;
    --theme-background-dark-2: #b2b2b2;
    --theme-background-dark-3: #8c8c8c;
    --theme-background-dark-4: #666666;
    --theme-background-dark-5: #3f3f3f;
  	/*text*/
  	--theme-text-light-1: #3a3a3a;
    --theme-text-light-2: #424242;
    --theme-text-light-3: #494949;
    --theme-text-light-4: #515151;
    --theme-text-light-5: #595959;
  	--theme-text-dark-1: #2b2b2b;
    --theme-text-dark-2: #232323;
    --theme-text-dark-3: #1c1c1c;
    --theme-text-dark-4: #141414;
    --theme-text-dark-5: #0c0c0c;
}