title: Foundation Variables Undefined
body: <p>I'm a little embarrassed I can't seem to figure this out.  I'm getting an error whenever I refer to a foundation variable in my <code>scss</code> sheets, for example.</p>
  
  <blockquote>
    <p>Undefined variable: "$primary-color". (in /my/path/to/mysheet.scss)</p>
  </blockquote>
  
  <p>Here's my <code>app.scss</code></p>
  
  <pre><code>/*
   *= require_self
   *= require_tree ./a_folder
  */
  @import "foundation/foundation-global";
  @import "foundation/_settings";
  @import "foundation";
  </code></pre>
  
  <p>I suspected it's because the <code>import</code>s are after the <code>require</code>s.  But when I reverse the order, all my stylesheets are missing.</p>
  
  <p>What am I doing wrong?</p>