fix(site): satisfy theme-color and avatar contract tests for landing redesign

src/components/auth/register-form.tsx

@@ -114,7 +114,7 @@ export function RegisterForm({
 			) : null}
 			{/* Header Banner */}
 			<div className="mb-7 flex items-center gap-4">
-				<div className="flex h-12 w-12 shrink-0 items-center justify-center rounded-2xl border border-white/10 bg-white/5">
+				<div className="flex h-12 w-12 shrink-0 items-center justify-center rounded-2xl border border-white/10 landing-chip">
 					<Image
 						src="/assets/images/icons/navigation/me.png"
 						alt=""
@@ -131,10 +131,10 @@ export function RegisterForm({
 					>
 						{t("accountDetails")}
 					</p>
-					<h2 className="m-0 text-2xl font-black tracking-tight text-white">
+					<h2 className="m-0 text-2xl font-black tracking-tight landing-text-primary">
 						{t("title")}
 					</h2>
-					<p className="mt-0.5 truncate text-sm text-white/55">
+					<p className="mt-0.5 truncate text-sm landing-text-muted">
 						{t("subtitle")}
 					</p>
 				</div>

src/components/landing-top-bar.tsx

@@ -37,15 +37,15 @@ export function LandingTopBar({
 						unoptimized
 					/>
 				)}
-				<span className="hidden truncate text-sm font-extrabold uppercase tracking-widest text-white/85 sm:inline">
+				<span className="hidden truncate text-sm font-extrabold uppercase tracking-widest landing-text-secondary sm:inline">
 					{hotelName}
 				</span>
 			</div>
-			<div className="flex shrink-0 items-center gap-1 rounded-xl border border-white/10 bg-white/5 px-1.5 py-1 sm:px-2">
+			<div className="flex shrink-0 items-center gap-1 rounded-xl border border-white/10 landing-chip px-1.5 py-1 sm:px-2">
 				<LanguageSwitcher />
-				<div className="hidden h-5 w-px bg-white/15 sm:block" />
+				<div className="hidden h-5 w-px landing-divider sm:block" />
 				<Clock />
-				<div className="h-5 w-px bg-white/15" />
+				<div className="h-5 w-px landing-divider" />
 				<ThemeSwitcher />
 			</div>
 		</div>