diff --git a/.changeset/fix-status-colors-variables.md b/.changeset/fix-status-colors-variables.md
new file mode 100644
index 000000000..0d8a26e2b
--- /dev/null
+++ b/.changeset/fix-status-colors-variables.md
@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fixed status color classes to use CSS variables instead of hardcoded values and include social colors (bitbucket, facebook, etc.) in status class generation.
diff --git a/core/scss/ui/_status.scss b/core/scss/ui/_status.scss
index df3add4d6..fee02f235 100644
--- a/core/scss/ui/_status.scss
+++ b/core/scss/ui/_status.scss
@@ -1,3 +1,5 @@
+@use 'sass:map';
+
 @keyframes status-pulsate-main {
   40% {
     transform: scale(1.25, 1.25);
@@ -74,10 +76,10 @@
   color: var(--#{$prefix}body-color) !important;
 }
 
-@each $name, $color in $theme-colors {
+@each $name, $color in map.merge($theme-colors, $social-colors) {
   .status-#{$name} {
-    --#{$prefix}status-color: #{$color};
-    --#{$prefix}status-color-rgb: #{to-rgb($color)};
+    --#{$prefix}status-color: var(--#{$prefix}#{$name});
+    --#{$prefix}status-color-rgb: var(--#{$prefix}#{$name}-rgb);
   }
 }