title: CSS variables using lesscss
body: <p>I was reading <a href="http://lesscss.org/#-variables" rel="nofollow">lesscss.org</a> and I am wondering why:</p>
  
  <pre><code>@nice-blue: #5B83AD;
  @light-blue: @nice-blue + #111;
  #header { color: @light-blue; }
  </code></pre>
  
  <p>compiles the following output</p>
  
  <pre><code>#header { color: #6c94be; }
  </code></pre>
  
  <p>and not </p>
  
  <pre><code>#header { color: #6c93ad; }
  </code></pre>