:root {
  --white-150: hsla(240, 17%, 90%, 1);
  
  --white-50-a10: hsla(0, 0%, 100%, 0.1);
  --white-150-a50: hsla(240, 17%, 90%, 0.5);
  
  --black-850: hsla(240, 17%, 10%, 1);
  
  --black-850-a50: hsla(240, 17%, 10%, 0.5);
  
  --grey-400: hsla(0, 0%, 60%, 1);
  --grey-650: hsla(0, 0%, 35%, 1);
  
  --grey-300-a30: hsla(200, 10%, 70%, 0.3);
  --grey-600-a30: hsla(240, 10%, 40%, 0.3);
  
  --red-400: hsla(0, 100%, 60%, 1);
  --red-600: hsla(0, 100%, 40%, 1);
  
  --yellow-400: hsla(60, 100%, 60%, 1);
  --yellow-700: hsla(50, 100%, 30%, 1);
  
  --green-400: hsla(120, 100%, 60%, 1);
  --green-700: hsla(120, 100%, 30%, 1);
}