1import type { AppProps } from "next/app";
 2import { ThemeProvider } from "styled-components";
 3import { GlobalStyle } from "../components/GlobalStyle";
 4
 5const theme = {
 6  colors: {
 7    primary: "#8b5cf6",
 8    secondary: "#06b6d4",
 9    background: "#000000",
10    surface: "#1a1a2e",
11    text: "#ffffff",
12    muted: "#6b7280",
13  },
14  fonts: {
15    body: "'Inter', sans-serif",
16    heading: "'Montserrat', sans-serif",
17  },
18};
19
20export default function App({ Component, pageProps }: AppProps) {
21  return (
22    <ThemeProvider theme={theme}>
23      <GlobalStyle />
24      <Component {...pageProps} />
25    </ThemeProvider>
26  );
27}