diff --git a/_sass/minimal-mistakes/vendor/magnific-popup/_magnific-popup.scss b/_sass/minimal-mistakes/vendor/magnific-popup/_magnific-popup.scss
index c570d60..b362886 100644
--- a/_sass/minimal-mistakes/vendor/magnific-popup/_magnific-popup.scss
+++ b/_sass/minimal-mistakes/vendor/magnific-popup/_magnific-popup.scss
@@ -1,5 +1,7 @@
 /* Magnific Popup CSS */
 @use 'sass:math';
+// Import theme variables so popup fonts match the site
+@use "../../variables" as *;
 @use "settings" as *;
 
 ////////////////////////
diff --git a/_sass/minimal-mistakes/vendor/magnific-popup/_settings.scss b/_sass/minimal-mistakes/vendor/magnific-popup/_settings.scss
index 96ad8c5..3bfe594 100644
--- a/_sass/minimal-mistakes/vendor/magnific-popup/_settings.scss
+++ b/_sass/minimal-mistakes/vendor/magnific-popup/_settings.scss
@@ -1,5 +1,8 @@
 @use 'sass:math';
-@use "minimal-mistakes/variables" as *;
+
+// Import theme variables so popup styles use the same fonts and colours.
+@use "../../variables" as *;
+
 ////////////////////////
 //      Settings      //
 ////////////////////////