title: Implementing CSS variables in HTML page
body: <p>I have an HTML file that contains many background images and color mentioned in a external CSS file and it is linked inside header tag of the HTML.</p>
  
  <p>I would like to use CSS Variable to capture the path of the background images and colors and use this in the HTML file.</p>
  
  <p>Is it possible to use the CSS variables without using any Javascript or server side language or plugins. I can use pure CSS and HTML only to achieve this. I have also seen the <a href="http://lesscss.org" rel="nofollow">http://lesscss.org</a> site, but they used some plug-ins and that I can not use.</p>
  
  <p>Is this achievable? If it is, would anyone be able to write some example code?</p>