diff --git a/app/assets/stylesheets/variables.scss b/app/assets/stylesheets/variables.scss
new file mode 100644
index 000000000..79de3eaf9
--- /dev/null
+++ b/app/assets/stylesheets/variables.scss
@@ -0,0 +1,45 @@
+// Table of Contents
+//
+// 01. Fonts
+// 02. Colors
+//
+
+// 01. Fonts
+// - - - - - - - - - - - -
+
+$font-family-sans-serif: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+$line-height: rem-calc(24);
+
+// 02. Colors
+// - - - - - - - - - - - -
+
+$background:        #EDEFF0;
+$border:            #DEE0E3;
+$brand:             #0077B9;
+
+$debates:           #008CCF;
+
+$comments-bg:       #F1F1F1;
+$comments-info:     #A5B2B9;
+$comments-text:     #3F4549;
+
+$header-color:      #292B33;
+$link:              #0077B9;
+
+$tags-bg:           #FAFAFA;
+$tags-border:       #F0F0F0;
+$tags-color:        #8F8F8F;
+
+$text-color:        #222222;
+$text-medium:       #999999;
+$text-light:        #A3A6AD;
+
+$votes:             #31708f;
+$votes-background:  #0081B3;
+$votes-border:      #005b80;
+$votes-like:        #7BD2A8;
+$votes-like-act:    #5D9E7F;
+$votes-neutral:		#CCCCCC;
+$votes-text:        #FFFFFF;
+$votes-unlike:      #EF8585;
+$votes-unlike-act:  #BD6A6A;
\ No newline at end of file