:root { --background: oklch(0.9856 0.0084 56.3169); --foreground: oklch(0.3353 0.0132 2.7676); --card: oklch(1.0000 0 0); --card-foreground: oklch(0.3353 0.0132 2.7676); --popover: oklch(1.0000 0 0); --popover-foreground: oklch(0.3353 0.0132 2.7676); --primary: oklch(0.7357 0.1641 34.7091); --primary-foreground: oklch(1.0000 0 0); --secondary: oklch(0.9596 0.0200 28.9029); --secondary-foreground: oklch(0.5587 0.1294 32.7364); --muted: oklch(0.9656 0.0176 39.4009); --muted-foreground: oklch(0.5534 0.0116 58.0708); --accent: oklch(0.8278 0.1131 57.9984); --accent-foreground: oklch(0.3353 0.0132 2.7676); --destructive: oklch(0.6122 0.2082 22.2410); --destructive-foreground: oklch(1.0000 0 0); --border: oklch(0.9296 0.0370 38.6868); --input: oklch(0.9296 0.0370 38.6868); --ring: oklch(0.7357 0.1641 34.7091); --chart-1: oklch(0.7357 0.1641 34.7091); --chart-2: oklch(0.8278 0.1131 57.9984); --chart-3: oklch(0.8773 0.0763 54.9314); --chart-4: oklch(0.8200 0.1054 40.8859); --chart-5: oklch(0.6368 0.1306 32.0721); --sidebar: oklch(0.9656 0.0176 39.4009); --sidebar-foreground: oklch(0.3353 0.0132 2.7676); --sidebar-primary: oklch(0.7357 0.1641 34.7091); --sidebar-primary-foreground: oklch(1.0000 0 0); --sidebar-accent: oklch(0.8278 0.1131 57.9984); --sidebar-accent-foreground: oklch(0.3353 0.0132 2.7676); --sidebar-border: oklch(0.9296 0.0370 38.6868); --sidebar-ring: oklch(0.7357 0.1641 34.7091); --font-sans: Montserrat, sans-serif; --font-serif: Merriweather, serif; --font-mono: Ubuntu Mono, monospace; --radius: 0.625rem; --shadow-x: 0px; --shadow-y: 6px; --shadow-blur: 12px; --shadow-spread: -3px; --shadow-opacity: 0.09; --shadow-color: hsl(0 0% 0%); --shadow-2xs: 0px 6px 12px -3px hsl(0 0% 0% / 0.04); --shadow-xs: 0px 6px 12px -3px hsl(0 0% 0% / 0.04); --shadow-sm: 0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 1px 2px -4px hsl(0 0% 0% / 0.09); --shadow: 0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 1px 2px -4px hsl(0 0% 0% / 0.09); --shadow-md: 0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 2px 4px -4px hsl(0 0% 0% / 0.09); --shadow-lg: 0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 4px 6px -4px hsl(0 0% 0% / 0.09); --shadow-xl: 0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 8px 10px -4px hsl(0 0% 0% / 0.09); --shadow-2xl: 0px 6px 12px -3px hsl(0 0% 0% / 0.22); --tracking-normal: 0em; --spacing: 0.25rem; } .dark { --background: oklch(0.2569 0.0169 352.4042); --foreground: oklch(0.9397 0.0119 51.3156); --card: oklch(0.3184 0.0176 341.4465); --card-foreground: oklch(0.9397 0.0119 51.3156); --popover: oklch(0.3184 0.0176 341.4465); --popover-foreground: oklch(0.9397 0.0119 51.3156); --primary: oklch(0.7357 0.1641 34.7091); --primary-foreground: oklch(1.0000 0 0); --secondary: oklch(0.3637 0.0203 342.2664); --secondary-foreground: oklch(0.9397 0.0119 51.3156); --muted: oklch(0.2848 0.0159 343.6554); --muted-foreground: oklch(0.8378 0.0237 52.6346); --accent: oklch(0.8278 0.1131 57.9984); --accent-foreground: oklch(0.2569 0.0169 352.4042); --destructive: oklch(0.6122 0.2082 22.2410); --destructive-foreground: oklch(1.0000 0 0); --border: oklch(0.3637 0.0203 342.2664); --input: oklch(0.3637 0.0203 342.2664); --ring: oklch(0.7357 0.1641 34.7091); --chart-1: oklch(0.7357 0.1641 34.7091); --chart-2: oklch(0.8278 0.1131 57.9984); --chart-3: oklch(0.8773 0.0763 54.9314); --chart-4: oklch(0.8200 0.1054 40.8859); --chart-5: oklch(0.6368 0.1306 32.0721); --sidebar: oklch(0.2569 0.0169 352.4042); --sidebar-foreground: oklch(0.9397 0.0119 51.3156); --sidebar-primary: oklch(0.7357 0.1641 34.7091); --sidebar-primary-foreground: oklch(1.0000 0 0); --sidebar-accent: oklch(0.8278 0.1131 57.9984); --sidebar-accent-foreground: oklch(0.2569 0.0169 352.4042); --sidebar-border: oklch(0.3637 0.0203 342.2664); --sidebar-ring: oklch(0.7357 0.1641 34.7091); --font-sans: Montserrat, sans-serif; --font-serif: Merriweather, serif; --font-mono: Ubuntu Mono, monospace; --radius: 0.625rem; --shadow-x: 0px; --shadow-y: 6px; --shadow-blur: 12px; --shadow-spread: -3px; --shadow-opacity: 0.09; --shadow-color: hsl(0 0% 0%); --shadow-2xs: 0px 6px 12px -3px hsl(0 0% 0% / 0.04); --shadow-xs: 0px 6px 12px -3px hsl(0 0% 0% / 0.04); --shadow-sm: 0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 1px 2px -4px hsl(0 0% 0% / 0.09); --shadow: 0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 1px 2px -4px hsl(0 0% 0% / 0.09); --shadow-md: 0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 2px 4px -4px hsl(0 0% 0% / 0.09); --shadow-lg: 0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 4px 6px -4px hsl(0 0% 0% / 0.09); --shadow-xl: 0px 6px 12px -3px hsl(0 0% 0% / 0.09), 0px 8px 10px -4px hsl(0 0% 0% / 0.09); --shadow-2xl: 0px 6px 12px -3px hsl(0 0% 0% / 0.22); } @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --font-sans: var(--font-sans); --font-mono: var(--font-mono); --font-serif: var(--font-serif); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --shadow-2xs: var(--shadow-2xs); --shadow-xs: var(--shadow-xs); --shadow-sm: var(--shadow-sm); --shadow: var(--shadow); --shadow-md: var(--shadow-md); --shadow-lg: var(--shadow-lg); --shadow-xl: var(--shadow-xl); --shadow-2xl: var(--shadow-2xl); }