1 files changed, 72 insertions, 0 deletions
diff --git a/app/assets/stylesheets/base/base-variables.scss b/app/assets/stylesheets/base/base-variables.scss
new file mode 100644
index 00000000000..dca12511ae2
--- /dev/null
+++ b/app/assets/stylesheets/base/base-variables.scss
@@ -0,0 +1,72 @@
+$border-radius: 4px;
+$border-radius-full: 10rem;
+
+// colors
+$black: #000;
+
+$black-transparent: rgba(0, 0, 0, 0.2);
+
+$grey-950: #1f1f1f;
+$grey-900: #2e2e2e;
+$grey-800: #4f4f4f;
+$grey-700: #707070;
+$grey-600: #949494;
+$grey-500: #a7a7a7;
+$grey-400: #bababa;
+$grey-300: #ccc;
+$grey-200: #dfdfdf;
+$grey-100: #f2f2f2;
+$grey-050: #fafafa;
+
+$blue-950: #0a2744;
+$blue-900: #0f3b66;
+$blue-800: #134a81;
+$blue-700: #17599c;
+$blue-600: #1b69b6;
+$blue-500: #1f78d1;
+$blue-400: #2e87e0;
+$blue-300: #73afea;
+$blue-200: #b8d6f4;
+$blue-100: #e4f0fb;
+$blue-050: #f6fafe;
+
+$green-950: #072b15;
+$green-900: #0a4020;
+$green-800: #0e5a2d;
+$green-700: #12753a;
+$green-600: #168f48;
+$green-500: #1aaa55;
+$green-400: #37b96d;
+$green-300: #75d09b;
+$green-200: #b3e6c8;
+$green-100: #dcf5e7;
+$green-050: #f1fdf6;
+
+$orange-950: #592800;
+$orange-900: #853c00;
+$orange-800: #a35200;
+$orange-700: #c26700;
+$orange-600: #de7e00;
+$orange-500: #fc9403;
+$orange-400: #fca121;
+$orange-300: #fdbc60;
+$orange-200: #fed69f;
+$orange-100: #fff1de;
+$orange-050: #fffaf4;
+
+$red-950: #4b140b;
+$red-900: #711e11;
+$red-800: #8b2615;
+$red-700: #a62d19;
+$red-600: #c0341d;
+$red-500: #db3b21;
+$red-400: #e15139;
+$red-300: #ea8271;
+$red-200: #f2b4a9;
+$red-100: #fbe5e1;
+$red-050: #fef6f5;
+
+$white: #fff;
+
+// font-size
+$font-size: 14px;
+\ No newline at end of file