diff --git a/css/backoffice/utils/helpers/_depression.scss b/css/backoffice/utils/helpers/_depression.scss
index 885a2f43b5..be321691f3 100644
--- a/css/backoffice/utils/helpers/_depression.scss
+++ b/css/backoffice/utils/helpers/_depression.scss
@@ -16,12 +16,6 @@
  * You should have received a copy of the GNU Affero General Public License
  */
 
-$ibo-depression-100: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15) !default;
-
-:root{
-	--ibo-elevation-100: #{$ibo-depression-100};
-}
-
 %ibo-depression-100{
 	box-shadow: $ibo-depression-100;
 }
\ No newline at end of file
diff --git a/css/backoffice/utils/helpers/_elevation.scss b/css/backoffice/utils/helpers/_elevation.scss
index 8589d1638a..4c109391f0 100644
--- a/css/backoffice/utils/helpers/_elevation.scss
+++ b/css/backoffice/utils/helpers/_elevation.scss
@@ -16,20 +16,6 @@
  * You should have received a copy of the GNU Affero General Public License
  */
 
-$ibo-elevation-100: 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px 3px rgba(0, 0, 0, 0.12) !default;
-$ibo-elevation-200: 0 2px 4px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.15) !default;
-$ibo-elevation-300: 0 3px 6px rgba(0, 0, 0, 0.10), 0 10px 20px rgba(0, 0, 0, 0.15) !default;
-$ibo-elevation-400: 0 5px 10px rgba(0, 0, 0, 0.05), 0 15px 25px rgba(0, 0, 0, 0.15) !default;
-$ibo-elevation-500: 0 20px 40px rgba(0, 0, 0, 0.20) !default;
-
-:root{
-	--ibo-elevation-100: #{$ibo-elevation-100};
-	--ibo-elevation-200: #{$ibo-elevation-200};
-	--ibo-elevation-300: #{$ibo-elevation-300};
-	--ibo-elevation-400: #{$ibo-elevation-400};
-	--ibo-elevation-500: #{$ibo-elevation-500};
-}
-
 %ibo-elevation-100{
 	box-shadow: $ibo-elevation-100;
 }
diff --git a/css/backoffice/utils/variables/_all.scss b/css/backoffice/utils/variables/_all.scss
index c4cc7a3f08..b56ee705d7 100644
--- a/css/backoffice/utils/variables/_all.scss
+++ b/css/backoffice/utils/variables/_all.scss
@@ -3,7 +3,9 @@
  * @license     http://opensource.org/licenses/AGPL-3.0
  */
 
-@import "border-radius";
-@import "typography";
 @import "colors/all";
-@import "path";
\ No newline at end of file
+@import "border-radius";
+@import "depression";
+@import "elevation";
+@import "path";
+@import "typography";
diff --git a/css/backoffice/utils/variables/_depression.scss b/css/backoffice/utils/variables/_depression.scss
new file mode 100644
index 0000000000..58aa20d66f
--- /dev/null
+++ b/css/backoffice/utils/variables/_depression.scss
@@ -0,0 +1,23 @@
+/*!
+ * Copyright (C) 2013-2021 Combodo SARL
+ *
+ * This file is part of iTop.
+ *
+ * iTop is free software; you can redistribute it and/or modify	
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * iTop is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ */
+
+$ibo-depression-100: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15) !default;
+
+:root{
+	--ibo-elevation-100: #{$ibo-depression-100};
+}
\ No newline at end of file
diff --git a/css/backoffice/utils/variables/_elevation.scss b/css/backoffice/utils/variables/_elevation.scss
new file mode 100644
index 0000000000..0f2655d32f
--- /dev/null
+++ b/css/backoffice/utils/variables/_elevation.scss
@@ -0,0 +1,31 @@
+/*!
+ * Copyright (C) 2013-2021 Combodo SARL
+ *
+ * This file is part of iTop.
+ *
+ * iTop is free software; you can redistribute it and/or modify	
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * iTop is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ */
+
+$ibo-elevation-100: 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px 3px rgba(0, 0, 0, 0.12) !default;
+$ibo-elevation-200: 0 2px 4px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.15) !default;
+$ibo-elevation-300: 0 3px 6px rgba(0, 0, 0, 0.10), 0 10px 20px rgba(0, 0, 0, 0.15) !default;
+$ibo-elevation-400: 0 5px 10px rgba(0, 0, 0, 0.05), 0 15px 25px rgba(0, 0, 0, 0.15) !default;
+$ibo-elevation-500: 0 20px 40px rgba(0, 0, 0, 0.20) !default;
+
+:root{
+	--ibo-elevation-100: #{$ibo-elevation-100};
+	--ibo-elevation-200: #{$ibo-elevation-200};
+	--ibo-elevation-300: #{$ibo-elevation-300};
+	--ibo-elevation-400: #{$ibo-elevation-400};
+	--ibo-elevation-500: #{$ibo-elevation-500};
+}