diff --git a/addon/extension.js b/addon/extension.js
index c1ca0b4..7bc32cc 100644
--- a/addon/extension.js
+++ b/addon/extension.js
@@ -37,13 +37,36 @@ function injectBrandStyles() {
     const style = document.createElement('style');
     style.id = 'biibaye-brand-styles';
     style.textContent = `
-        :root {
-            --primary: #FF4500;
-            --primary-hover: #e03d00;
+        /* ── Primary color: Biibaye orange (#FF4500) replaces Fleetbase sky (#3485e2) ── */
+
+        /* Tailwind utility classes */
+        .bg-sky-500{background-color:#FF4500!important}
+        .bg-sky-50,.bg-sky-100,.bg-sky-200,.bg-sky-300,.bg-sky-400{background-color:#FF4500!important}
+        .bg-sky-600,.bg-sky-700,.bg-sky-800,.bg-sky-900{background-color:#e03d00!important}
+        .text-sky-50,.text-sky-100,.text-sky-200,.text-sky-300,.text-sky-400,.text-sky-500{color:#FF4500!important}
+        .text-sky-600,.text-sky-700,.text-sky-800,.text-sky-900{color:#e03d00!important}
+        .border-sky-50,.border-sky-100,.border-sky-200,.border-sky-300,.border-sky-400,.border-sky-500{border-color:#FF4500!important}
+        .border-sky-600,.border-sky-700,.border-sky-800,.border-sky-900{border-color:#e03d00!important}
+        .ring-sky-500{--tw-ring-color:#FF4500!important}
+        .accent-sky-500{accent-color:#FF4500!important}
+        .caret-sky-500{caret-color:#FF4500!important}
+
+        /* Button component (.btn.btn-primary, .btn-primary-xs, .btn-primary-sm, etc.) */
+        .btn.btn-primary,
+        .btn-primary-xs,.btn-primary-sm,.btn-primary-md,.btn-primary-lg,.btn-primary-xl,
+        button.btn-primary,a.btn-primary{
+            background-color:#FF4500!important;
+            border-color:#FF4500!important;
+            color:#fff!important
         }
-        body[data-theme="dark"] {
-            background-color: #343538 !important;
+        .btn.btn-primary:hover,
+        .btn-primary-xs:hover,.btn-primary-sm:hover,.btn-primary-md:hover,.btn-primary-lg:hover,.btn-primary-xl:hover{
+            background-color:#e03d00!important;
+            border-color:#e03d00!important
         }
+
+        /* Dark theme background */
+        body[data-theme="dark"]{background-color:#343538!important}
     `;
     document.head.appendChild(style);
 }