feat: use bepaint

src/components/Wrapper.tsx

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { theme } from '../stitches.config.js';
 
 export interface WrapperProps {
   children: ReactNode;
@@ -13,8 +14,8 @@ export default function Wrapper({ children }: WrapperProps) {
         padding: 16,
         gap: 32,
         width: 640,
-        background: 'black',
-        color: 'white',
+        backgroundColor: theme.colors.appBackground1,
+        color: theme.colors.textHighContrast,
       }}
     >
       {children}