diff --git a/ClyCites/app/globals.css b/ClyCites/app/globals.css index e8d347a..2a2f6f7 100644 --- a/ClyCites/app/globals.css +++ b/ClyCites/app/globals.css @@ -6,6 +6,78 @@ @tailwind components; @tailwind utilities; +/* Theme tokens used by Tailwind (bg-background, text-foreground, card, input, etc.) */ +@layer base { + :root { + --background: 0 0% 100%; + --foreground: 222.2 47.4% 11.2%; + + --card: 0 0% 100%; + --card-foreground: 222.2 47.4% 11.2%; + + --popover: 0 0% 100%; + --popover-foreground: 222.2 47.4% 11.2%; + + --primary: 222.2 47.4% 11.2%; + --primary-foreground: 210 40% 98%; + + --secondary: 210 40% 96.1%; + --secondary-foreground: 222.2 47.4% 11.2%; + + --muted: 210 40% 96.1%; + --muted-foreground: 215.4 16.3% 46.9%; + + --accent: 210 40% 96.1%; + --accent-foreground: 222.2 47.4% 11.2%; + + --destructive: 0 84.2% 60.2%; + --destructive-foreground: 210 40% 98%; + + --border: 214.3 31.8% 91.4%; + --input: 214.3 31.8% 91.4%; + --ring: 222.2 84% 4.9%; + + --radius: 0.5rem; + } + + .dark { + --background: 222.2 84% 4.9%; + --foreground: 210 40% 98%; + + --card: 222.2 84% 4.9%; + --card-foreground: 210 40% 98%; + + --popover: 222.2 84% 4.9%; + --popover-foreground: 210 40% 98%; + + --primary: 210 40% 98%; + --primary-foreground: 222.2 47.4% 11.2%; + + --secondary: 217.2 32.6% 17.5%; + --secondary-foreground: 210 40% 98%; + + --muted: 217.2 32.6% 17.5%; + --muted-foreground: 215 20.2% 65.1%; + + --accent: 217.2 32.6% 17.5%; + --accent-foreground: 210 40% 98%; + + --destructive: 0 62.8% 30.6%; + --destructive-foreground: 210 40% 98%; + + --border: 217.2 32.6% 17.5%; + --input: 217.2 32.6% 17.5%; + --ring: 212.7 26.8% 83.9%; + } + + * { + @apply border-border; + } + body { + @apply bg-background text-foreground; + } +} + /* Global Reset */ * { margin: 0; diff --git a/ClyCites/app/layout.tsx b/ClyCites/app/layout.tsx index a53b6ed..d553ee9 100644 --- a/ClyCites/app/layout.tsx +++ b/ClyCites/app/layout.tsx @@ -5,6 +5,7 @@ import "./globals.css" import { Header } from "@/components/header" import { Footer } from "@/components/Footer" import { ThemeProvider } from "@/components/theme-provider" +import { I18nProvider } from "@/components/I18nProvider" export const metadata: Metadata = { title: "ClyCites - Digital Agriculture Platform", @@ -20,9 +21,11 @@ export default function RootLayout({ -
-
{children}
-