:root {
  --global-bg-color: #FFFFFF;
  --global-border-color: #E8E8E8;
  --global-text-color: #666;
  --global-theme-color: #B509AC;
}

 a {
   color: var(--global-theme-color);
 }

 body {
   background: var(--global-bg-color);
   color: var(--global-text-color);
 }

 .navbar ul li a {
   color: var(--global-text-color);
   &:hover {
     color: var(--global-theme-color);
   }
 }

 @media (prefers-color-scheme:dark) {
  :root {
    --global-bg-color: #424242;
    --global-border-color: #666;
    --global-text-color: #E8E8E8;
    --global-theme-color: #2698BA;
  }
 }