:root {
  --background: #ffffff;
  --foreground: #111111;
  --card: #ffffff;
  --card-foreground: #111111;
  --popover: #ffffff;
  --popover-foreground: #111111;
  --primary: #6f6f6f;
  --primary-foreground: #ffffff;
  --secondary: #d9665b;
  --secondary-foreground: #ffffff;
  --muted: #f5f5f5;
  --muted-foreground: #6f6f6f;
  --accent: #f5f5f5;
  --accent-foreground: #111111;
  --destructive: #d9665b;
  --destructive-foreground: #ffffff;
  --border: #e0e0e0;
  --input: #e0e0e0;
  --ring: #6f6f6f;
  --chart-1: #9a9994;
  --chart-2: #d9665b;
  --chart-3: #6f6f6f;
  --chart-4: #b8b8b3;
  --chart-5: #e08c83;
  --sidebar: #f5f5f5;
  --sidebar-foreground: #111111;
  --sidebar-primary: #6f6f6f;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #ffffff;
  --sidebar-accent-foreground: #111111;
  --sidebar-border: #e0e0e0;
  --sidebar-ring: #6f6f6f;
  --font-sans: Lato, ui-sans-serif, sans-serif, system-ui;
  --font-serif: Lato, ui-sans-serif, sans-serif, system-ui;
  --font-mono: monospace;
  --radius: 0.3rem;
  --shadow-2xs: 0px 2px 4px 0px hsl(0 0% 0% / 0);
  --shadow-xs: 0px 2px 4px 0px hsl(0 0% 0% / 0);
  --shadow-sm: 0px 2px 4px 0px hsl(0 0% 0% / 0),
    0px 1px 2px -1px hsl(0 0% 0% / 0);
  --shadow: 0px 2px 4px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);
  --shadow-md: 0px 2px 4px 0px hsl(0 0% 0% / 0),
    0px 2px 4px -1px hsl(0 0% 0% / 0);
  --shadow-lg: 0px 2px 4px 0px hsl(0 0% 0% / 0),
    0px 4px 6px -1px hsl(0 0% 0% / 0);
  --shadow-xl: 0px 2px 4px 0px hsl(0 0% 0% / 0),
    0px 8px 10px -1px hsl(0 0% 0% / 0);
  --shadow-2xl: 0px 2px 4px 0px hsl(0 0% 0% / 0);
  --tracking-normal: 0rem;
  --spacing: 0.25rem;
}

.dark {
  --background: #111111;
  --foreground: #eaeaea;
  --card: #1c1c1c;
  --card-foreground: #eaeaea;
  --popover: #1c1c1c;
  --popover-foreground: #eaeaea;
  --primary: #9a9994;
  --primary-foreground: #111111;
  --secondary: #d9665b;
  --secondary-foreground: #ffffff;
  --muted: #1c1c1c;
  --muted-foreground: #a0a0a0;
  --accent: #333333;
  --accent-foreground: #eaeaea;
  --destructive: #d9665b;
  --destructive-foreground: #ffffff;
  --border: #333333;
  --input: #333333;
  --ring: #9a9994;
  --chart-1: #9a9994;
  --chart-2: #d9665b;
  --chart-3: #6f6f6f;
  --chart-4: #b8b8b3;
  --chart-5: #e08c83;
  --sidebar: #111111;
  --sidebar-foreground: #eaeaea;
  --sidebar-primary: #9a9994;
  --sidebar-primary-foreground: #111111;
  --sidebar-accent: #333333;
  --sidebar-accent-foreground: #eaeaea;
  --sidebar-border: #333333;
  --sidebar-ring: #9a9994;
  --font-sans: Lato, ui-sans-serif, sans-serif, system-ui;
  --font-serif: Lato, ui-sans-serif, sans-serif, system-ui;
  --font-mono: monospace;
  --radius: 0.3rem;
  --shadow-2xs: 0px 2px 4px 0px hsl(0 0% 0% / 0);
  --shadow-xs: 0px 2px 4px 0px hsl(0 0% 0% / 0);
  --shadow-sm: 0px 2px 4px 0px hsl(0 0% 0% / 0),
    0px 1px 2px -1px hsl(0 0% 0% / 0);
  --shadow: 0px 2px 4px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);
  --shadow-md: 0px 2px 4px 0px hsl(0 0% 0% / 0),
    0px 2px 4px -1px hsl(0 0% 0% / 0);
  --shadow-lg: 0px 2px 4px 0px hsl(0 0% 0% / 0),
    0px 4px 6px -1px hsl(0 0% 0% / 0);
  --shadow-xl: 0px 2px 4px 0px hsl(0 0% 0% / 0),
    0px 8px 10px -1px hsl(0 0% 0% / 0);
  --shadow-2xl: 0px 2px 4px 0px hsl(0 0% 0% / 0);
}

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