Harden CMS security and theme contrast

src/components/site-footer.tsx

@@ -9,7 +9,10 @@ export async function SiteFooter() {
   return (
     <footer
       className="mt-auto flex h-14 w-full flex-col items-center justify-center text-sm md:flex-row md:px-8"
-      style={{ backgroundColor: "var(--color-surface)", color: "var(--color-text-muted)" }}
+      style={{
+        backgroundColor: "var(--color-surface)",
+        color: "var(--color-text-muted-readable, var(--color-text-muted))",
+      }}
     >
       <div className="md:font-semibold text-[12px] md:text-[14px]">
         {t("copyright", { year, hotel: hotelName ?? "Atom" })}