Add some color variables. Add class for icon-bg-shadow

css/structure/card.css

@@ -1,3 +1,4 @@
 .uk-card.uk-disabled {
   box-shadow: none;
+  border: 1px solid var(--muted-color);
 }

css/structure/icons.css

@@ -42,3 +42,25 @@
 .material-icons.two-tone {
   font-family: 'Material Icons Two Tone';
 }
+
+/* Default circle element for SVGs */
+.uk-icon-bg-shadow {
+  background: var(--default-color);
+  border-radius: 100px;
+  width: 48px;
+  height: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 5px 5px 15px 3px rgba(0,0,0,0.1);
+}
+
+.uk-icon-bg-shadow-medium {
+  width: 72px;
+  height: 72px;
+}
+
+.uk-icon-bg-shadow-large {
+  width: 96px;
+  height: 96px;
+}

css/structure/variables.css

@@ -2,8 +2,10 @@
   --primary-color: #211F7E;
   --secondary-color: #3086ED;
   --dark-color: #2C2C2C;
-  --grey-color: #4b4b4b;
-  --light-color: #ffffff;
+  --grey-color: #4B4B4B;
+  --muted-color: #EAEAEA;
+  --light-color: #FFFFFF;
+  --default-color: #F9F9F9;
 
   --explore-color: #D95F2D;
   --provide-color: #37C7E9;