Actualizar el color de texto en los componentes Footer y Tokens a 'text-(--color-text-muted)'

Author: HC-ONLINE

src/components/layouts/Footer.astro

@@ -1,6 +1,6 @@
 <footer class="border-t border(--color-surface-stroke)">
   <div class="mx-auto max-w-7xl px-6 py-4">
-    <p class="text-xs text-(--color-text-dim)">
+    <p class="text-xs text-(--color-text-muted)">
       orbit-ui · Design system CSS-first con Astro
     </p>
   </div>

src/pages/tokens.astro

@@ -41,7 +41,7 @@ import BaseLayout from "@layouts/BaseLayout.astro";
         <li><code>--color-surface-stroke</code></li>
       </ul>
 
-      <p class="text-xs text-(--color-text-dim)">
+      <p class="text-xs text-(--color-text-muted)">
         Ejemplo de uso: <code>bg-(--color-surface-elevated)</code>
       </p>
     </section>
@@ -59,7 +59,7 @@ import BaseLayout from "@layouts/BaseLayout.astro";
         <li><code>--color-text-dim</code></li>
       </ul>
 
-      <p class="text-xs text-(--color-text-dim)">
+      <p class="text-xs text-(--color-text-muted)">
         Ejemplo de uso: <code>text-(--color-text-muted)</code>
       </p>
     </section>
@@ -76,7 +76,7 @@ import BaseLayout from "@layouts/BaseLayout.astro";
         <li><code>--color-accent-muted</code></li>
       </ul>
 
-      <p class="text-xs text-(--color-text-dim)">
+      <p class="text-xs text-(--color-text-muted)">
         Ejemplo de uso: <code>text-(--color-accent-primary)</code>
       </p>
     </section>
@@ -94,7 +94,7 @@ import BaseLayout from "@layouts/BaseLayout.astro";
         <li><code>--color-status-error</code></li>
       </ul>
 
-      <p class="text-xs text-(--color-text-dim)">
+      <p class="text-xs text-(--color-text-muted)">
         Ejemplo de uso: <code>border-(--color-status-error)</code>
       </p>
     </section>