diff --git a/assets/sass/_colors.scss b/assets/sass/_colors.scss
index d1b0635..bf8baba 100644
--- a/assets/sass/_colors.scss
+++ b/assets/sass/_colors.scss
@@ -93,9 +93,4 @@
   // Highlight colours.
   --color-highlight:              var(--color-brand-alt);
   --color-mark-highlight:         var(--color-red);
-  --color-mark-bg:                var(--color-yellow);
-
-  // Misc colours.
-  --color-watermark:              var(--color-grey-200);
-  --color-debug-color:            var(--color-grey-200);
 }
diff --git a/assets/sass/_init.scss b/assets/sass/_init.scss
index 6e21d5c..73553b1 100644
--- a/assets/sass/_init.scss
+++ b/assets/sass/_init.scss
@@ -12,7 +12,6 @@
 // Mixins and functions.
 @import 'mixins/breakpoint/respond-to';
 @import 'mixins/clearfix/clearfix';
-@import 'mixins/debug/debug';
 @import 'mixins/flex-calc/flex-calc';
 @import 'mixins/overlay/overlay';
 @import 'mixins/spacing/spacing';
diff --git a/assets/sass/_sass_variables.scss b/assets/sass/_sass_variables.scss
index a3ace85..359a88a 100644
--- a/assets/sass/_sass_variables.scss
+++ b/assets/sass/_sass_variables.scss
@@ -72,6 +72,3 @@ $max-content-width: 1111px;
 // Setting this to a larger value than max-content-width allows
 // content with class "stretch" to stretch out to the page edge.
 $max-page-width: $max-content-width;
-
-// Show horizontal grid to help with debugging typography.
-$debug: false;
diff --git a/assets/sass/base/document/_document.scss b/assets/sass/base/document/_document.scss
index 6645dae..21a8620 100644
--- a/assets/sass/base/document/_document.scss
+++ b/assets/sass/base/document/_document.scss
@@ -14,7 +14,4 @@ body {
   line-height: var(--base-line-height);
   // Accent colour for forms.
   accent-color: var(--color-accent);
-  // Output a horizontal grid to help with debugging typography. The
-  // $debug variable will toggle its output.
-  @include debug-grid();
 }
diff --git a/assets/sass/mixins/debug/_debug.scss b/assets/sass/mixins/debug/_debug.scss
deleted file mode 100644
index fed9083..0000000
--- a/assets/sass/mixins/debug/_debug.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-// Output a horizontal grid to help with debugging typography.
-@mixin debug-grid() {
-  @if $debug == true {
-    $grid-height: #{$base-line-height + 'rem'};
-
-    position: relative;
-    // stylelint-disable-next-line  max-line-length
-    background-image: repeating-linear-gradient(180deg, var(--color-debug-color), var(--color-debug-color) 1px, transparent 1px, transparent $grid-height);
-
-    &::after {
-      content: '';
-      position: absolute;
-      bottom: -1px;
-      left: 0;
-      height: 1px;
-      width: 100%;
-      background-color: var(--color-debug-color);
-    }
-  }
-}