html:root { --primary: oklch(0.205 0 0); --primary-foreground: oklch(0.985 0 0); --primary-ink: oklch(0.205 0 0); --brand: oklch(0.488 0.217 264); --brand-foreground: oklch(0.985 0 0); --brand-ink: oklch(0.488 0.217 264); --accent: oklch(0.97 0 0); --accent-foreground: oklch(0.205 0 0); --secondary: oklch(0.97 0 0); --secondary-foreground: oklch(0.205 0 0); --ring: oklch(0.6 0 0); --chart-1: oklch(0.87 0 0); --chart-2: oklch(0.556 0 0); --chart-3: oklch(0.439 0 0); --chart-4: oklch(0.371 0 0); --chart-5: oklch(0.269 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-ring: oklch(0.6 0 0); }
html.dark { color-scheme: light; --background: oklch(1 0 0); --foreground: oklch(0.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.145 0 0); --muted: oklch(0.97 0 0); --muted-foreground: oklch(0.52 0 0); --destructive: oklch(0.577 0.245 27.325); --border: oklch(0.922 0 0); --input: oklch(0.922 0 0); --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-border: oklch(0.922 0 0); --primary: oklch(0.205 0 0); --primary-foreground: oklch(0.985 0 0); --primary-ink: oklch(0.205 0 0); --brand: oklch(0.488 0.217 264); --brand-foreground: oklch(0.985 0 0); --brand-ink: oklch(0.488 0.217 264); --accent: oklch(0.97 0 0); --accent-foreground: oklch(0.205 0 0); --secondary: oklch(0.97 0 0); --secondary-foreground: oklch(0.205 0 0); --ring: oklch(0.6 0 0); --chart-1: oklch(0.87 0 0); --chart-2: oklch(0.556 0 0); --chart-3: oklch(0.439 0 0); --chart-4: oklch(0.371 0 0); --chart-5: oklch(0.269 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-ring: oklch(0.6 0 0); }