diff --git a/localgov_base.info.yml b/localgov_base.info.yml
index c582a827..731c8717 100644
--- a/localgov_base.info.yml
+++ b/localgov_base.info.yml
@@ -4,6 +4,7 @@ type: theme
 core_version_requirement: ^10.1.3 || ^11
 base theme: "stable9"
 ckeditor5-stylesheets:
+  - css/base/variables.css
   - css/base/ckeditor5.css
 
 regions:
diff --git a/scripts/subtheme-items/_subtheme.info.yml_ b/scripts/subtheme-items/_subtheme.info.yml_
index 8d3f63ad..cbb57181 100644
--- a/scripts/subtheme-items/_subtheme.info.yml_
+++ b/scripts/subtheme-items/_subtheme.info.yml_
@@ -3,6 +3,13 @@ description: "Your sub-theme, which uses localgov_base as its base theme."
 type: theme
 core_version_requirement: ^10 || ^11
 base theme: "localgov_base"
+ckeditor5-stylesheets:
+  # List any stylesheets you want to apply to the CKEditor
+  # interface here. This allows you to match your content editing
+  # experience to the front-end styles of your site (e.g. for headings,
+  # links, etc).
+  - css/base/variables.css
+  - css/base/ckeditor5.css
 
 libraries-extend:
   # Add libraries that you want to load on every page of your site to the list
diff --git a/scripts/subtheme-items/css/base/ckeditor5.css b/scripts/subtheme-items/css/base/ckeditor5.css
new file mode 100644
index 00000000..44d9195f
--- /dev/null
+++ b/scripts/subtheme-items/css/base/ckeditor5.css
@@ -0,0 +1,17 @@
+/*
+  @file CKEditor styles.
+  These styles are applied within the CKEditor 5 interface to
+  match the front-end styles of the site.
+*/
+
+/*
+h2 {
+  color: var(--color-accent);
+}
+*/
+
+/*
+h3 {
+  color: var(--color-grey-darkest);
+}
+*/
diff --git a/scripts/subtheme-items/css/variables.css b/scripts/subtheme-items/css/base/variables.css
similarity index 100%
rename from scripts/subtheme-items/css/variables.css
rename to scripts/subtheme-items/css/base/variables.css
diff --git a/scripts/subtheme-items/subtheme.libraries.yml b/scripts/subtheme-items/subtheme.libraries.yml
index cf9f8866..73759bf9 100644
--- a/scripts/subtheme-items/subtheme.libraries.yml
+++ b/scripts/subtheme-items/subtheme.libraries.yml
@@ -4,7 +4,7 @@ variables:
       # This is called in your LGD_SUB_THEME.info.yml file via `libraries-extend`.
       # This ensures that in the cascade, your variables come after the base theme's
       # variables.
-      css/variables.css: {}
+      css/base/variables.css: {}
 
 # To override CSS from the base theme, add your library here, and then use
 # `libraries-extend` to add that code to the library from the base theme. See the