:root {
  --bg: hsla(0, 0%, 90%, 1);
  --footer-copy-logo-bg: hsla(0, 0%, 60%, 0.2);
  --header__nav-bg: hsla(0, 0%, 60%, 0.2);
  --bg-3: hsla(0, 0%, 100%, 0.4);
  
  --border: 1px solid hsla(0, 0%, 0%, 0.5);
  
  --text: hsla(0, 0%, 15%, 1);
  --text-2: hsla(120, 100%, 30%, 1);
  --text-3: hsla(0, 100%, 30%, 1);
  --footer-copy-txt: hsla(0, 0%, 35%, 1);
  
  
  /*projects*/
  --project-type-bg: var(--white-150);
  
  --status-alpha-color: var(--red-600);
  --status-alpha-bg: var(--white-150);
  --status-alpha-border-color: var(--red-600);
  
  --status-beta-color: var(--yellow-700);
  --status-beta-bg: var(--white-150);
  --status-beta-border-color: var(--yellow-700);
  
}