title: Variable Name Error "is undefined" even though "variables.less" imported
body: <p>I started using LESS today. But it's kinda weird. This code does not work. I get an error:</p>
  
  <pre><code>! Variable Name Error: @linkColor in a is undefined.
  </code></pre>
  
  <p>My bootstrap:</p>
  
  <pre><code>@import "variables.less";
  @import "normalize.less";
  </code></pre>
  
  <p>variables.less:</p>
  
  <pre><code>@linkColor:             #08c;
  @linkColorHover:        darken(@linkColor, 15%);
  </code></pre>
  
  <p>normalize.less:</p>
  
  <pre><code>a {
      color: @linkColor;
  }
  a:visited {
      color: @linkColor;
  }
  a:hover {
      color: @linkColorHover;
  }
  </code></pre>
  
  <p>When I make an</p>
  
  <blockquote>
    <p>@import "variables.less"</p>
  </blockquote>
  
  <p>in the normalize.less file, everything works fine.</p>
  
  <p>Thanks for your help :)</p>