diff --git a/web/themes/custom/geofresco/src/global/global-old.scss b/web/themes/custom/geofresco/src/global/global-old.scss
new file mode 100644
index 0000000..0bf6808
--- /dev/null
+++ b/web/themes/custom/geofresco/src/global/global-old.scss
@@ -0,0 +1,29 @@
+// Bring in Bulma allowing us to extend and override it.
+
+@use "variables" as *;
+// Import each part of Bulma separately so we can layer in our styles.
+// Extend or override Bulam's base styles in this themes base.scss etc.
+@forward "../../node_modules/bulma/sass/utilities/_index";
+@forward "fonts";
+@forward "../../node_modules/bulma/sass/base/_index";
+@forward "base";
+@forward "../../node_modules/bulma/sass/elements/_index";
+@forward "elements";
+@forward "../../node_modules/bulma/sass/form/_index";
+@forward "form";
+$navbar-breakpoint: calc($mini/2);
+@forward "../../node_modules/bulma/sass/components/_index";
+@forward "components";
+@forward "../../node_modules/bulma/sass/grid/_index";
+@forward "grid";
+@forward "../../node_modules/bulma/sass/layout/_index";
+@forward "layout";
+
+// Import the themes so that all CSS variables have a value
+@forward "../../node_modules/bulma/sass/themes";
+
+// Stylesheets below will have access to all Bulma variables and mixins.
+@forward "content";
+@forward "paint";
+
+// @forward '../../node_modules/bulma-extensions/bulma-timeline/dist/bulma-timeline';
diff --git a/web/themes/custom/geofresco/src/global/global.scss b/web/themes/custom/geofresco/src/global/global.scss
index 6ed762d..94f1266 100644
--- a/web/themes/custom/geofresco/src/global/global.scss
+++ b/web/themes/custom/geofresco/src/global/global.scss
@@ -1,26 +1,37 @@
-// Bring in Bulma allowing us to extend and override it.
+// Set your brand colors
+$purple: #8a4d76;
+$pink: #fa7c91;
+$brown: #757763;
+$beige-light: #d0d1cd;
+$beige-lighter: #eff0eb;
 
-@use "variables" as *;
-// Import each part of Bulma separately so we can layer in our styles.
-// Extend or override Bulam's base styles in this themes base.scss etc.
-@forward "../../node_modules/bulma/sass/utilities/_index";
-@forward "fonts";
-@forward "../../node_modules/bulma/sass/base/_index";
-@forward "base";
-@forward "../../node_modules/bulma/sass/elements/_index";
-@forward "elements";
-@forward "../../node_modules/bulma/sass/form/_index";
-@forward "form";
-$navbar-breakpoint: calc($mini/2);
-@forward "../../node_modules/bulma/sass/components/_index";
-@forward "components";
-@forward "../../node_modules/bulma/sass/grid/_index";
-@forward "grid";
-@forward "../../node_modules/bulma/sass/layout/_index";
-@forward "layout";
+// Override global Sass variables from the /utilities folder
+@use "../../node_modules/bulma/sass/utilities" with (
+  $family-primary: '"Nunito", sans-serif',
+  $grey-dark: $brown,
+  $grey-light: $beige-light,
+  $primary: $purple,
+  $link: $pink,
+  $control-border-width: 2px
+);
 
-// Stylesheets below will have access to all Bulma variables and mixins.
-@forward "content";
-@forward "paint";
+// Override Sass variables from the /form folder
+@use "../../node_modules/bulma/sass/form" with (
+  $input-shadow: none
+);
 
-// @forward '../../node_modules/bulma-extensions/bulma-timeline/dist/bulma-timeline';
+// Import the components you need
+@forward "../../node_modules/bulma/sass/base";
+@forward "../../node_modules/bulma/sass/components/card";
+@forward "../../node_modules/bulma/sass/components/modal";
+@forward "../../node_modules/bulma/sass/components/navbar";
+@forward "../../node_modules/bulma/sass/elements/button";
+@forward "../../node_modules/bulma/sass/elements/icon";
+@forward "../../node_modules/bulma/sass/elements/content";
+@forward "../../node_modules/bulma/sass/elements/notification";
+@forward "../../node_modules/bulma/sass/elements/progress";
+@forward "../../node_modules/bulma/sass/elements/tag";
+@forward "../../node_modules/bulma/sass/layout/footer";
+
+// Import the themes so that all CSS variables have a value
+@forward "../../node_modules/bulma/sass/themes";