Update of variable mixins and docs

See #1

Author: birdofpreyru

docs/images/variables-colors.png

@@ -32,78 +32,6 @@ width of the main page part, rely on `$tc-screen-lg` as the maximal width.
 - **`$tc-screen-lg`** — *1280px*.
 
 ### Colors
-Here are the standard colors to be used in Topcoder designs. They match the
-design specs image below, but some of them have different names due to historic
-reasons:
-
-##### Primary Colors
-- **`$tc-light-blue`** — `#26ade9`;
-- **`$tc-green`** — `#60c700`;
-- **`$tc-orange`** — `#fb7d22`;
-- **`$tc-yellow`** — `#fff100`;
-
-- **`$tc-black`** — `#262628`;
-- **`$tc-gray-90`** — `#37373c`;
-- **`$tc-gray-80`** — `#47474f`;
-- **`$tc-gray-70`** — `#5d5d66`;
-- **`$tc-gray-60`** — `#747480`;
-- **`$tc-gray-50`** — `#888894`;
-- **`$tc-gray-40`** — `#a3a3ad`;
-- **`$tc-gray-30`** — `#c3c3c8`;
-- **`$tc-gray-20`** — `#dcdce0`;
-- **`$tc-gray-10`** — `#ededf2`;
-
-- **`$tc-gray-neutral-dark`** — `#ebebeb`;
-- **`$tc-gray-neutral-light`** — `#fafafb`;
-- **`$tc-white`** — `#fff`;
-
-##### Accents & Shades
-- **`$tc-dark-blue`** — `#0a71e6`;
-- **`$tc-dark-blue-90`** — `#1a85ff`;
-- **`$tc-dark-blue-70`** — `#59a7ff`;
-- **`$tc-dark-blue-30`** — `#cfe6ff`;
-- **`$tc-dark-blue-10`** — `#f4f9ff`;
-
-- **`$tc-red`** — `#f22f24`;
-- **`$tc-red-70`** — `#ff5b52`;
-- **`$tc-red-30`** — `#ffd4d1`;
-- **`$tc-red-10`** — `#fff4f4`;
-
-- **`$tc-gold`** — `#fce217`;
-- **`$tc-gold-70`** — `#faed8e`;
-- **`$tc-gold-30`** — `#fff7cc`;
-- **`$tc-gold-10`** — `#fffde6`;
-
-- **`$tc-green`** — `#60c700`;
-- **`$tc-green-70`** — `#96d957`;
-- **`$tc-green-30`** — `#cfefb2`;
-- **`$tc-green-10`** — `#effae5`;
-
-- **`$tc-light-blue`** — `#26ade9`;
-- **`$tc-light-blue-70`** — `#67c5ef`;
-- **`$tc-light-blue-30`** — `#bde6f8`;
-- **`$tc-light-blue-10`** — `#e9f6fc`;
-
-- **`$tc-orange`** — `#fb7d22`;
-- **`$tc-orange-70`** — `#fda464`;
-- **`$tc-orange-30`** — `#fee3d0`;
-- **`$tc-orange-10`** — `#fff0eb`;
-
-- **`$tc-purple`** — `#9050a3`;
-- **`$tc-purple-70`** — `#b47dd6`;
-- **`$tc-purple-30`** — `#e2c7f2`;
-- **`$tc-purple-10`** — `#f8f2fb`;
-
-##### Badges
-- **`$tc-gold`** — `#fce217`;
-- **`$tc-silver`** — `#a9bcd4`;
-- **`$tc-bronze`** — `#bd731e`;
-
-##### Levels
-- **`$tc-level-1`** — `$a3a3ad`;
-- **`$tc-level-2`** — `#25c089`;
-- **`$tc-level-3`** — `#666eff`;
-- **`$tc-level-4`** — `#fcb816`;
-- **`$tc-level-5`** — `#e6175c`;
-
-![Standard TC Colors](images/variables-colors.png)
+[**LIVE DEMO**](https://community-app.topcoder-dev.com/examples/color-mixins) of
+mixins for the standard color pallete being used in Topcoder designs. Always use
+these color mixins instead of hard-coding HEX color codes into your SCSS code.