1  /* Light mode colors */
 2  :root {
 3      --color-primary: oklch(0.205 0 0);
 4      --color-primary-foreground: oklch(0.985 0 0);
 5      --color-secondary: oklch(0.97 0 0);
 6      --color-secondary-foreground: oklch(0.205 0 0);
 7      --color-muted: oklch(0.97 0 0);
 8      --color-muted-foreground: oklch(0.556 0 0);
 9      --color-accent: oklch(0.97 0 0);
10      --color-accent-foreground: oklch(0.205 0 0);
11      --color-destructive: oklch(0.577 0.245 27.325);
12      --color-border: oklch(0.922 0 0);
13      --color-input: oklch(0.922 0 0);
14      --color-ring: oklch(0.708 0 0);
15      --color-background: oklch(1 0 0);
16      --color-foreground: oklch(0.145 0 0);
17      --color-card: oklch(1 0 0);
18      --color-card-foreground: oklch(0.145 0 0);
19      --color-popover: oklch(1 0 0);
20      --color-popover-foreground: oklch(0.145 0 0);
21  }
22  
23  /* Dark mode colors */
24  .dark {
25      --color-primary: oklch(0.922 0 0);
26      --color-primary-foreground: oklch(0.205 0 0);
27      --color-secondary: oklch(0.269 0 0);
28      --color-secondary-foreground: oklch(0.985 0 0);
29      --color-muted: oklch(0.269 0 0);
30      --color-muted-foreground: oklch(0.708 0 0);
31      --color-accent: oklch(0.371 0 0);
32      --color-accent-foreground: oklch(0.985 0 0);
33      --color-destructive: oklch(0.704 0.191 22.216);
34      --color-border: oklch(1 0 0 / 10%);
35      --color-input: oklch(1 0 0 / 15%);
36      --color-ring: oklch(0.556 0 0);
37      --color-background: oklch(0.145 0 0);
38      --color-foreground: oklch(0.985 0 0);
39      --color-card: oklch(0.205 0 0);
40      --color-card-foreground: oklch(0.985 0 0);
41      --color-popover: oklch(0.269 0 0);
42      --color-popover-foreground: oklch(0.985 0 0);
43  }