diff --git a/org-cyf-guides/assets/custom-theme/02-variables/colors.scss b/org-cyf-guides/assets/custom-theme/02-variables/colors.scss
deleted file mode 100644
index c4d5822e7..000000000
--- a/org-cyf-guides/assets/custom-theme/02-variables/colors.scss
+++ /dev/null
@@ -1,75 +0,0 @@
-@mixin light-palette {
-  // these brand colours are set and then everything else is derived from the key
-  --theme-color--brand: hsla(0, 100%, 67%, 1);
-  --theme-color--brand-shade: hsla(0, 100%, 67%, 0.375);
-  --theme-color--accent: hsla(220, 100%, 62%, 1);
-  --theme-color--accent-shade: hsla(220, 100%, 62%, 0.15);
-  --theme-color--pop: rgb(255, 53, 140);
-  // key
-  --hue: 220;
-  --sat: 30%;
-  --lum: 90%;
-  --alpha: 0.95;
-  --hsl: var(--hue), var(--sat), var(--lum);
-  // now build all the shades
-  --theme-color--paper: hsla(
-    var(--hue),
-    calc(var(--sat) * 1.2),
-    calc(var(--lum) * 1.06),
-    var(--alpha)
-  );
-  --theme-color--ink: hsla(
-    var(--hue),
-    calc(var(--sat) * 2.2),
-    calc(var(--lum) * 0.3),
-    var(--alpha)
-  );
-  --theme-color--ink-fade: hsla(
-    var(--hue),
-    calc(var(--sat) * 2.2),
-    calc(var(--lum) * 0.3),
-    calc(var(--alpha) * 0.3)
-  );
-  --theme-color--paper-fade: hsla(
-    var(--hue),
-    calc(var(--sat) * 1.2),
-    calc(var(--lum) * 1.06),
-    0.9
-  );
-  --theme-color--contrast-max: hsl(
-    var(--hue),
-    calc(var(--sat) / 100),
-    calc(var(--lum) * 2) var(--alpha)
-  );
-
-  // backdrop
-  --theme-color--block: hsla(var(--hsl), var(--alpha));
-  --theme-color--outline: hsl(var(--hsl), 1);
-  --theme-color--backdrop-from: hsl(var(--hsl) / 0.25);
-  --theme-color--backdrop-to: hsl(var(--hsl) / 0.2);
-}
-
-@mixin dark-palette {
-  --hue: 270;
-  --sat: 8%;
-  --lum: 20%;
-  --alpha: 0.99;
-  --theme-color--ink: hsla(
-    calc(var(--hue) * 1.1),
-    calc(var(--sat) + 60%),
-    calc(var(--lum) * 4.4),
-    var(--alpha)
-  );
-  --theme-color--accent: hsla(262, 100%, 67%, 1);
-  --theme-color--pop: hsl(146, 100%, 46%);
-}
-
-:root {
-  @include light-palette();
-  @media (prefers-color-scheme: dark) {
-    @include dark-palette();
-  }
-}
-
-// see states for classes that toggle these
-// no classes in the variables folder
diff --git a/org-cyf-guides/assets/custom-theme/02-variables/fonts.scss b/org-cyf-guides/assets/custom-theme/02-variables/fonts.scss
deleted file mode 100644
index 212a8895d..000000000
--- a/org-cyf-guides/assets/custom-theme/02-variables/fonts.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-:root {
-  --theme-font--display: "Fira Mono", "Monaco", monospace;
-  --theme-font--copy: "Fira Sans", system-ui, -apple-system, BlinkMacSystemFont,
-    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
-    sans-serif;
-  --theme-font--system: 100 100%/2 "Fira Mono", "Monaco", "Menlo", monospace;
-}
diff --git a/org-cyf-guides/assets/custom-theme/fonts.scss b/org-cyf-guides/assets/custom-theme/fonts.scss
new file mode 100644
index 000000000..79f996391
--- /dev/null
+++ b/org-cyf-guides/assets/custom-theme/fonts.scss
@@ -0,0 +1,7 @@
+:root {
+  --theme-font--display: "Space Grotesk", serif;
+  --theme-font--copy: "Inter", system-ui, -apple-system, BlinkMacSystemFont,
+    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
+    sans-serif;
+  --theme-font--system: 100 100%/2 "Monaco", "Menlo", "Space Grotesk", monospace;
+}
diff --git a/org-cyf-guides/assets/custom-theme/states/dark.scss b/org-cyf-guides/assets/custom-theme/states/dark.scss
deleted file mode 100644
index 356ec362b..000000000
--- a/org-cyf-guides/assets/custom-theme/states/dark.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-.is-dark-mode,
-:root:has(.is-dark-mode) {
-  @include dark-palette;
-}
diff --git a/org-cyf-guides/assets/custom-theme/states/light.scss b/org-cyf-guides/assets/custom-theme/states/light.scss
deleted file mode 100644
index 53b429023..000000000
--- a/org-cyf-guides/assets/custom-theme/states/light.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-.is-light-mode,
-:root:has(.is-light-mode) {
-  @include light-palette;
-}