diff --git a/scss/_styles.scss b/scss/_styles.scss
new file mode 100644
index 0000000..765f5b3
--- /dev/null
+++ b/scss/_styles.scss
@@ -0,0 +1,3 @@
+.smaller {
+  font-size: 0.9375em;
+}
\ No newline at end of file
diff --git a/scss/bootstrap/_variables.scss b/scss/bootstrap/_variables.scss
index 667d6cb..60ab925 100644
--- a/scss/bootstrap/_variables.scss
+++ b/scss/bootstrap/_variables.scss
@@ -1,7 +1,16 @@
-// Color system (recopied from Bootstrap)
-$white:    #fff !default;
-$gray-500: #adb5bd !default;
-$black:    #000 !default;
+// Color system
+$gray-100: hsl(210, 20%, 98%) !default;
+$gray-200: hsl(210, 20%, 93%) !default;
+$gray-300: hsl(210, 20%, 89%) !default;
+$gray-400: hsl(210, 20%, 81%) !default;
+$gray-500: hsl(210, 20%, 71%) !default;
+$gray-600: hsl(210, 20%, 46%) !default;
+$gray-700: hsl(210, 20%, 31%) !default;
+$gray-800: hsl(210, 20%, 23%) !default;
+$gray-900: hsl(210, 50%, 15%) !default;
+
+$white: #fff !default;
+$black: #000 !default;
 
 $blue:    #0d6efd !default; // From Bootstrap
 $indigo:  #6610f2 !default; // From Bootstrap
diff --git a/scss/essence.scss b/scss/essence.scss
index 0455109..5c99870 100644
--- a/scss/essence.scss
+++ b/scss/essence.scss
@@ -25,3 +25,6 @@
 // Vendors
 @import 'vendors/prismjs';
 @import 'vendors/dropzone';
+
+// Introduced styles
+@import 'styles';