[Design Flaw] functions and variables are defined in _foundation-globals.scss ... you need the functions in _foundation-globals.scss to override some of the variables, which you have to set before loading _foundation-globals.scss