diff --git a/web/themes/custom/geofresco/src/global/_elements.scss b/web/themes/custom/geofresco/src/global/_elements.scss
index 4f6639c..9155b90 100644
--- a/web/themes/custom/geofresco/src/global/_elements.scss
+++ b/web/themes/custom/geofresco/src/global/_elements.scss
@@ -46,3 +46,10 @@
 .featured-image {
   margin-bottom: 0.5rem;
 }
+
+// TODO consider if this would look better with margin only on the content side
+// so somehow removing left margin if the inline style has float: left applied.
+// Also to consider decreasing the margin on mobile sizes.
+.image-inline {
+  margin: 1em;
+}
diff --git a/web/themes/custom/geofresco/src/global/global.scss b/web/themes/custom/geofresco/src/global/global.scss
index 5454f6a..fadd35c 100644
--- a/web/themes/custom/geofresco/src/global/global.scss
+++ b/web/themes/custom/geofresco/src/global/global.scss
@@ -8,12 +8,16 @@ $green: #478D00;
 $green-gray: #8FB489;
 $offwhite: #F8F8F8;
 
+$brown: #AD7442;
 // No idea where this yellow came from, apparently Bulma, but we never set it
 // yet it is the right color.  Anyway i'm past trying to figure things out.
 // Re-setting it here, just so that we can assign it to Gleanings, below.
 $yellow: #ffdd57;
 
 // A color for each content type
+$article: $green;
+$blog: $blue;
+$collection: $brown;
 $gleaning: $yellow;
 
 // Update Bulma's global variables.