1@import "tailwindcss";
2@source "../components/**/*.{ts,tsx}";
3@source "../app/**/*.{ts,tsx}";
4
5@theme {
6 --color-background: var(--background);
7 --color-foreground: var(--foreground);
8 --color-card: var(--card);
9 --color-card-foreground: var(--card-foreground);
10 --color-popover: var(--popover);
11 --color-popover-foreground: var(--popover-foreground);
12 --color-primary: var(--primary);
13 --color-primary-foreground: var(--primary-foreground);
14 --color-secondary: var(--secondary);
15 --color-secondary-foreground: var(--secondary-foreground);
16 --color-muted: var(--muted);
17 --color-muted-foreground: var(--muted-foreground);
18 --color-accent: var(--accent);
19 --color-accent-foreground: var(--accent-foreground);
20 --color-destructive: var(--destructive);
21 --color-destructive-foreground: var(--destructive-foreground);
22 --color-border: var(--border);
23 --color-input: var(--input);
24 --color-ring: var(--ring);
25 --radius-lg: var(--radius);
26 --radius-md: calc(var(--radius) - 2px);
27 --radius-sm: calc(var(--radius) - 4px);
28 --font-sans: 'Geist', sans-serif;
29}
30
31:root {
32 --background: hsl(0 0% 100%);
33 --foreground: hsl(240 10% 3.9%);
34 --card: hsl(0 0% 100%);
35 --card-foreground: hsl(240 10% 3.9%);
36 --popover: hsl(0 0% 100%);
37 --popover-foreground: hsl(240 10% 3.9%);
38 --primary: hsl(240 5.9% 10%);
39 --primary-foreground: hsl(0 0% 100%);
40 --secondary: hsl(240 4.8% 95.9%);
41 --secondary-foreground: hsl(240 5.9% 10%);
42 --muted: hsl(240 4.8% 95.9%);
43 --muted-foreground: hsl(240 3.8% 46.1%);
44 --accent: hsl(240 4.8% 95.9%);
45 --accent-foreground: hsl(240 5.9% 10%);
46 --destructive: hsl(0 84.2% 60.2%);
47 --destructive-foreground: hsl(0 0% 98%);
48 --border: hsl(240 5.9% 90%);
49 --input: hsl(240 5.9% 90%);
50 --ring: hsl(240 5.9% 10%);
51 --radius: 0.625rem;
52 --primary-rgb: 244 244 245;
53}
54
55.dark {
56 --background: hsl(240 10% 3.9%);
57 --foreground: hsl(0 0% 98%);
58 --card: hsl(240 10% 3.9%);
59 --card-foreground: hsl(0 0% 98%);
60 --popover: hsl(240 10% 3.9%);
61 --popover-foreground: hsl(0 0% 98%);
62 --primary: hsl(0 0% 98%);
63 --primary-foreground: hsl(0 0% 100%);
64 --secondary: hsl(240 3.7% 15.9%);
65 --secondary-foreground: hsl(0 0% 98%);
66 --muted: hsl(240 3.7% 15.9%);
67 --muted-foreground: hsl(240 5% 64.9%);
68 --accent: hsl(240 3.7% 15.9%);
69 --accent-foreground: hsl(0 0% 98%);
70 --destructive: hsl(0 62.8% 30.6%);
71 --destructive-foreground: hsl(0 0% 98%);
72 --border: hsl(240 3.7% 15.9%);
73 --input: hsl(240 3.7% 15.9%);
74 --ring: hsl(0 0% 98%);
75 --radius: 0.625rem;
76 --primary-rgb: 244 244 245;
77}