You can define the global style variables in a file
index.scss
$themeColor: #595bb2
Then, other files can load the global variables. fixFooter.scss
@use './index';
.mn-footer-ad-pc {
color: white;
width: 100vw;
position: fixed;
bottom: 0;
left: 0;
height: 80px;
background: index.$themeColor;
z-index: 10000;
display: flex;
justify-content: center;
align-items: center;
}