:root {
	--background-100:  ;
	--background-200: var(--background) ;
	--background-300:  ;
	--primary-100:  ;
	--primary-200: var(--b_high) ;
	--primary-300:  ;
	--secondary-100:  ;
	--secondary-200: var(--f_med);
	--secondary-300:  ;
	--tertiary-100: color-mix(in srgb,var(--f_med),#fff 17%) ;
	--tertiary-200: var(--f_med) ;
	--tertiary-300: color-mix(in srgb,var(--f_med),#000 17%) ;
	--accent-100:  ;
	--accent-200: var(--b_inv) ;
	--accent-300:  ;
	--textcolor-100: var(--f_med) ;
	--textcolor-200: var(--f_high) ;
	--textcolor-300: var(--f_low) ;
	--modal-100:  ;
	--modal-200: var(--b_low) ;
	--modal-300:  ;
}


/*nav, footer {
	background: var(--b_med)
}*/

a,.chara-pick-h1 {
	color: var(--f_high)!important
}

a div.txt-accent-200 {
	color: var(--f_high)!important
}

.ds-tertiary-300 {filter: drop-shadow(3px 3px 0px var(--b_med));}


#primary,.b-high {
	background-color: var(--b_high);
}

#secondary,.b-med {
	background-color: var(--b_med);
}

#tertiary,.b-low {
	background-color: var(--b_low);
}

#accent,.b-inv {
	background-color: var(--b_inv);
}

#text {
	background-color: var(--background-200);
	color: var(--textcolor-200);
}