diff --git a/scss/_definitions.scss b/scss/_definitions.scss
new file mode 100644
index 0000000..1b2e8e9
--- /dev/null
+++ b/scss/_definitions.scss
@@ -0,0 +1,28 @@
+// Definitions
+//
+// This file contain style that we can easily edit to modify customizable elements
+// like colors, etc.
+
+
+$large-shadow: 0px 2px 10px rgba(0, 0, 0, 0);
+$narrow-shadow: 0px 2px 6px rgba(0, 0, 0, 0);
+$inset-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);
+$inset-shadow-inverted: inset 0px 2px 0px rgba(0, 0, 0, 0.2);
+$inset-relief: inset 0px 2px 0px rgba(255, 255, 255, 0.1);
+
+$border-radius: 0px;
+$border-size: 1px;
+
+$color-primary: $color-red;
+$color-secondary: $color-dark;
+$color-link: $color-blue;
+$color-selection: $color-blue;
+$color-mark: $color-yellow;
+
+@mixin borders() {
+  border: $border-size solid rgba(0, 0, 0, 0.3)
+}
+
+@mixin border-radius() {
+  border-radius: $border-radius $border-radius $border-radius $border-radius;
+}
diff --git a/scss/style.scss b/scss/style.scss
index 94fb48e..0e288a8 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -5,35 +5,14 @@
 //  Theme made for Wordpress for https://quarante-douze.net
 //  
 
-@import 'typography';
-
 @import 'palette';
 
+@import 'definitions';
+
+@import 'typography';
+
 /* ------------------ CUSTOM STYLE ------------------- */
 
-$large-shadow: 0px 2px 10px rgba(0, 0, 0, 0);
-$narrow-shadow: 0px 2px 6px rgba(0, 0, 0, 0);
-$inset-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);
-$inset-shadow-inverted: inset 0px 2px 0px rgba(0, 0, 0, 0.2);
-$inset-relief: inset 0px 2px 0px rgba(255, 255, 255, 0.1);
-
-$border-radius: 0px;
-$border-size: 1px;
-
-$color-primary: $color-red;
-$color-secondary: $color-dark;
-$color-link: $color-blue;
-$color-selection: $color-blue;
-$color-mark: $color-yellow;
-
-@mixin borders() {
-  border: $border-size solid rgba(0, 0, 0, 0.3)
-}
-
-@mixin border-radius() {
-  border-radius: $border-radius $border-radius $border-radius $border-radius;
-}
-
 body {
   background: #666 url('../img/background.png');
   padding: 30px;