diff --git a/nuxt4-app/app/app.vue b/nuxt4-app/app/app.vue
index 89f42ef..73ce1ad 100644
--- a/nuxt4-app/app/app.vue
+++ b/nuxt4-app/app/app.vue
@@ -1,6 +1,6 @@
 <template>
   <UApp>
-    <div class="brand-shell text-[#fef9f0]">
+    <div class="brand-shell text-[var(--brand-text)]">
       <NuxtRouteAnnouncer />
       <NuxtLayout>
         <NuxtPage />
diff --git a/nuxt4-app/app/layouts/dashboard.vue b/nuxt4-app/app/layouts/dashboard.vue
index b84ad65..322c803 100644
--- a/nuxt4-app/app/layouts/dashboard.vue
+++ b/nuxt4-app/app/layouts/dashboard.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="brand-shell min-h-screen text-[#fef9f0]">
+  <div class="brand-shell min-h-screen text-[var(--brand-text)]">
   <UDashboardGroup storage-key="analytics-dashboard" class="h-full">
     <AppSidebar />
 
diff --git a/nuxt4-app/app/layouts/informe.vue b/nuxt4-app/app/layouts/informe.vue
index 51e9c4e..129df17 100644
--- a/nuxt4-app/app/layouts/informe.vue
+++ b/nuxt4-app/app/layouts/informe.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="brand-shell min-h-screen text-[#fef9f0]">
+  <div class="brand-shell min-h-screen text-[var(--brand-text)]">
     <UDashboardGroup storage-key="analytics-dashboard" class="h-full">
       <AppSidebar />