diff --git a/client/catalog/variables.less b/client/catalog/variables.less
new file mode 100644
index 0000000..593b60b
--- /dev/null
+++ b/client/catalog/variables.less
@@ -0,0 +1,48 @@
+/*! Generated by Live LESS Theme Customizer */
+
+@brand-primary: rgb(47, 164, 231);
+@brand-success: rgb(115, 168, 57);
+@brand-info: rgb(3, 60, 115);
+@brand-warning: rgb(221, 86, 0);
+@brand-danger: rgb(199, 28, 34);
+@font-size-base: 16px;
+@headings-font-family: @font-family-base;
+@headings-color: rgb(49, 126, 172);
+@padding-base-vertical: 8px;
+@padding-large-vertical: 14px;
+@btn-default-color: @text-color;
+@btn-default-border: rgba(0, 0, 0, 0.1);
+@input-color-placeholder: @gray-light;
+@dropdown-link-hover-color: rgb(255, 255, 255);
+@dropdown-link-hover-bg: @component-active-bg;
+@dropdown-link-active-color: rgb(255, 255, 255);
+@navbar-default-color: rgb(221, 221, 221);
+@navbar-default-bg: @brand-primary;
+@navbar-default-link-color: rgb(255, 255, 255);
+@navbar-default-link-hover-color: rgb(255, 255, 255);
+@navbar-default-link-hover-bg: darken(@navbar-default-bg, 10%);
+@navbar-default-link-active-color: rgb(255, 255, 255);
+@navbar-default-link-disabled-color: rgb(221, 221, 221);
+@navbar-default-brand-hover-color: rgb(255, 255, 255);
+@navbar-default-brand-hover-bg: none;
+@navbar-default-toggle-hover-bg: darken(@navbar-default-bg, 10%);
+@navbar-default-toggle-icon-bar-bg: rgb(255, 255, 255);
+@navbar-default-toggle-border-color: darken(@navbar-default-bg, 10%);
+@navbar-inverse-color: rgb(255, 255, 255);
+@navbar-inverse-bg: @brand-info;
+@navbar-inverse-link-color: rgb(255, 255, 255);
+@navbar-inverse-link-hover-bg: darken(@navbar-inverse-bg, 5%);
+@navbar-inverse-link-active-color: rgb(255, 255, 255);
+@navbar-inverse-link-disabled-color: rgb(204, 204, 204);
+@navbar-inverse-brand-hover-bg: none;
+@navbar-inverse-toggle-hover-bg: darken(@navbar-inverse-bg, 5%);
+@navbar-inverse-toggle-border-color: darken(@navbar-inverse-bg, 5%);
+@pagination-active-color: @gray-light;
+@pagination-active-bg: rgb(245, 245, 245);
+@state-success-text: rgb(70, 136, 71);
+@state-info-text: rgb(58, 135, 173);
+@state-warning-text: rgb(192, 152, 83);
+@state-danger-text: rgb(185, 74, 72);
+@modal-inner-padding: 20px;
+@breadcrumb-bg: rgb(245, 245, 245);
+