How to store css & js in separate file & call in custom 'tpl' files through variable in drupal 7? I have created a custom module where I have define my page url's &amp; contents are created through my custom tpl files.

I am applying some css &amp; js on those custom contents/pages/tpl files.

What I want : I don't want to add path of those css &amp; js in all pages. I want to define those css &amp; js in separate file &amp; I want to call that css &amp; js in my custom pages through variable. Simply I want to create a header file which hold my css &amp; js. And I want to call that header file in my custom pages.

Why I want to do this : Right now the path of the css &amp; js is not fixed. So if am I add drupal_add_css() &amp; drupal_add_js() in every tpl file then will change the path in every tpl file. So I want to create a header file where am I put the css &amp; js path &amp; if the path will change then I have to change the path in only header file.

How can I implement this?
If you do not want, or are unable, to modify the theme html or page templates, you can also use drupal_add_css and drupal_add_js in the page_callback function defined in your modules menu array youmodule_menu().

If you have access to the template.php of the theme,  you can use the preprocess hook to assign a variable to the file name, then do an include in the html template.  Or from within your module use drupal_add_html_head, but this has limitations.

Using drupal_add_(css|js) the links go into the head element of those pages by default before the themeing phase begins, but you can also specify the boostrap phase and location.

EDIT

Using drupal_get_path from within yourmodule_init hook or the page_callback, and with the css and js stored within your module structure, you can then add the css and js using the drupal_add functions.  This makes a single place you need to maintain the 'paths' to the files.