diff --git a/src/mini/_contextual.scss b/src/mini/_contextual.scss
index cff725f..4c73110 100644
--- a/src/mini/_contextual.scss
+++ b/src/mini/_contextual.scss
@@ -161,10 +161,10 @@ mark {
       left: calc(50% - var(#{$universal-margin-var}));
     }
     &:not(.#{$tooltip-bottom-name}):before { // Top (default) tooltip styling
-      border-top-color: $tooltip-back-color;
+      border-top-color: var(#{$tooltip-back-color-var});
     }
     &.#{$tooltip-bottom-name}:before { // Bottom tooltip styling
-      border-bottom-color: $tooltip-back-color;
+      border-bottom-color: var(#{$tooltip-back-color-var});
     }
     &:after {  // This is the actual tooltip's text block
       content: attr(aria-label);