:root {
    --background: oklch(1 0 0);
    --foreground: oklch(0.1408 0.0044 285.8229);
    --card: oklch(1 0 0);
    --card-foreground: oklch(0.1408 0.0044 285.8229);
    --popover: oklch(1 0 0);
    --popover-foreground: oklch(0.1408 0.0044 285.8229);
    --primary: oklch(0.6996 0.202 44.4414);
    --primary-foreground: oklch(0.9796 0.0158 73.6841);
    --secondary: oklch(0.9674 0.0013 286.3752);
    --secondary-foreground: oklch(0.2103 0.0059 285.8852);
    --muted: oklch(0.9674 0.0013 286.3752);
    --muted-foreground: oklch(0.552 0.0153 285.8863);
    --accent: oklch(0.987 0.022 95.277);
    --accent-foreground: oklch(0.279 0.077 45.635);
    --destructive: oklch(0.583 0.2387 28.4765);
    --destructive-foreground: oklch(0.9934 0.0032 17.2118);
    --border: oklch(0.9197 0.004 286.3202);
    --input: oklch(0.9197 0.004 286.3202);
    --ring: oklch(0.6996 0.202 44.4414);
    --chart-1: oklch(0.6471 0.2173 36.8511);
    --chart-2: oklch(0.6049 0.107 184.1653);
    --chart-3: oklch(0.3972 0.0698 227.1914);
    --chart-4: oklch(0.829 0.1712 81.0381);
    --chart-5: oklch(0.7724 0.1728 65.367);
    --sidebar: oklch(0.9851 0 0);
    --sidebar-foreground: oklch(0.1408 0.0044 285.8229);
    --sidebar-primary: oklch(0.6996 0.202 44.4414);
    --sidebar-primary-foreground: oklch(0.9796 0.0158 73.6841);
    --sidebar-accent: oklch(0.9674 0.0013 286.3752);
    --sidebar-accent-foreground: oklch(0.2103 0.0059 285.8852);
    --sidebar-border: oklch(0.9197 0.004 286.3202);
    --sidebar-ring: oklch(0.6996 0.202 44.4414);
    --font-sans: Outfit, sans-serif;
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: monospace;
    --radius: 0.65rem;
    --shadow-2xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.09);
    --shadow-xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.09);
    --shadow-sm: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 1px 2px -1px hsl(0 0% 0% / 0.17);
    --shadow: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 1px 2px -1px hsl(0 0% 0% / 0.17);
    --shadow-md: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 2px 4px -1px hsl(0 0% 0% / 0.17);
    --shadow-lg: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 4px 6px -1px hsl(0 0% 0% / 0.17);
    --shadow-xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 8px 10px -1px hsl(0 0% 0% / 0.17);
    --shadow-2xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.43);
    --tracking-normal: 0.025em;
    --spacing: 0.25rem;
}

.dark {
    --background: oklch(0.1408 0.0044 285.8229);
    --foreground: oklch(0.9851 0 0);
    --card: oklch(0.2103 0.0059 285.8852);
    --card-foreground: oklch(0.9851 0 0);
    --popover: oklch(0.2103 0.0059 285.8852);
    --popover-foreground: oklch(0.9851 0 0);
    --primary: oklch(0.6471 0.2173 36.8511);
    --primary-foreground: oklch(0.9796 0.0158 73.6841);
    --secondary: oklch(0.2739 0.0055 286.0326);
    --secondary-foreground: oklch(0.9851 0 0);
    --muted: oklch(0.2739 0.0055 286.0326);
    --muted-foreground: oklch(0.7057 0.0144 286.0246);
    --accent: oklch(0.2739 0.0055 286.0326);
    --accent-foreground: oklch(0.9851 0 0);
    --destructive: oklch(0.7022 0.1892 22.2279);
    --destructive-foreground: oklch(0.9368 0.0045 34.3092);
    --border: oklch(1 0 0);
    --input: oklch(1 0 0);
    --ring: oklch(0.6471 0.2173 36.8511);
    --chart-1: oklch(0.4878 0.2432 264.4045);
    --chart-2: oklch(0.7019 0.1577 160.4375);
    --chart-3: oklch(0.7724 0.1728 65.367);
    --chart-4: oklch(0.6217 0.2589 305.309);
    --chart-5: oklch(0.6435 0.2452 16.501);
    --sidebar: oklch(0.2103 0.0059 285.8852);
    --sidebar-foreground: oklch(0.9851 0 0);
    --sidebar-primary: oklch(0.6471 0.2173 36.8511);
    --sidebar-primary-foreground: oklch(0.9796 0.0158 73.6841);
    --sidebar-accent: oklch(0.2739 0.0055 286.0326);
    --sidebar-accent-foreground: oklch(0.9851 0 0);
    --sidebar-border: oklch(1 0 0);
    --sidebar-ring: oklch(0.6471 0.2173 36.8511);
    --font-sans: Outfit, sans-serif;
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: monospace;
    --radius: 0.5rem;
    --shadow-2xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.09);
    --shadow-xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.09);
    --shadow-sm: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 1px 2px -1px hsl(0 0% 0% / 0.17);
    --shadow: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 1px 2px -1px hsl(0 0% 0% / 0.17);
    --shadow-md: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 2px 4px -1px hsl(0 0% 0% / 0.17);
    --shadow-lg: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 4px 6px -1px hsl(0 0% 0% / 0.17);
    --shadow-xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.17), 0px 8px 10px -1px hsl(0 0% 0% / 0.17);
    --shadow-2xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.43);
}

body {
    letter-spacing: var(--tracking-normal);
}