/* https://shadcnstudio.com/theme-generator */

:root {
  --background: #ffffff;
  --foreground: #333333;
  --card: #ffffff;
  --card-foreground: #333333;
  --popover: #ffffff;
  --popover-foreground: #333333;
  --primary: #3981f6;
  --primary-foreground: #ffffff;
  --secondary: #f5f5f5;
  --secondary-foreground: #4b5666;
  --muted: #f8f8f8;
  --muted-foreground: #6c727e;
  --accent: #dcf2ff;
  --accent-foreground: #1e3a8b;
  --destructive: #f14444;
  --border: #e4e8ef;
  --input: #e4e8ef;
  --ring: #3981f6;
  --chart-1: #3981f6;
  --chart-2: #2463ef;
  --chart-3: #1d4eda;
  --chart-4: #1d3fad;
  --chart-5: #1e3a8b;
  --sidebar: #f8f8f8;
  --sidebar-foreground: #090909;
  --sidebar-primary: #161616;
  --sidebar-primary-foreground: #f8f8f8;
  --sidebar-accent: #f5f5f5;
  --sidebar-accent-foreground: #161616;
  --sidebar-border: #e4e4e4;
  --sidebar-ring: #a1a1a1;
  
  --shadow-2xs: 0 1px 3px 0px rgb(0 0 0 / 0.05);
  --shadow-xs: 0 1px 3px 0px rgb(0 0 0 / 0.05);
  --shadow-sm: 0 1px 3px 0px rgb(0 0 0 / 0.10), 0 1px 2px -1px rgb(0 0 0 / 0.10);
  --shadow: 0 1px 3px 0px rgb(0 0 0 / 0.10), 0 1px 2px -1px rgb(0 0 0 / 0.10);
  --shadow-md: 0 1px 3px 0px rgb(0 0 0 / 0.10), 0 2px 4px -1px rgb(0 0 0 / 0.10);
  --shadow-lg: 0 1px 3px 0px rgb(0 0 0 / 0.10), 0 4px 6px -1px rgb(0 0 0 / 0.10);
  --shadow-xl: 0 1px 3px 0px rgb(0 0 0 / 0.10), 0 8px 10px -1px rgb(0 0 0 / 0.10);
  --shadow-2xl: 0 1px 3px 0px rgb(0 0 0 / 0.25);
}

.dark {
  --background: #161616;
  --foreground: #e4e4e4;
  --card: #262626;
  --card-foreground: #e4e4e4;
  --popover: #262626;
  --popover-foreground: #e4e4e4;
  --primary: #3981f6;
  --primary-foreground: #ffffff;
  --secondary: #262626;
  --secondary-foreground: #e4e4e4;
  --muted: #262626;
  --muted-foreground: #a4a4a4;
  --accent: #1e3a8b;
  --accent-foreground: #bddaff;
  --destructive: #f14444;
  --border: #404040;
  --input: #404040;
  --ring: #3981f6;
  --chart-1: #61a4f7;
  --chart-2: #3981f6;
  --chart-3: #2463ef;
  --chart-4: #1d4eda;
  --chart-5: #1d3fad;
  --sidebar: #18181d;
  --sidebar-foreground: #fcfcfc;
  --sidebar-primary: #1649e5;
  --sidebar-primary-foreground: #fcfcfc;
  --sidebar-accent: #26262b;
  --sidebar-accent-foreground: #fcfcfc;
  --sidebar-border: #ffffff1a;
  --sidebar-ring: #70707d;
  
  --shadow-2xs: 0 1px 3px 0px rgb(0 0 0 / 0.05);
  --shadow-xs: 0 1px 3px 0px rgb(0 0 0 / 0.05);
  --shadow-sm: 0 1px 3px 0px rgb(0 0 0 / 0.10), 0 1px 2px -1px rgb(0 0 0 / 0.10);
  --shadow: 0 1px 3px 0px rgb(0 0 0 / 0.10), 0 1px 2px -1px rgb(0 0 0 / 0.10);
  --shadow-md: 0 1px 3px 0px rgb(0 0 0 / 0.10), 0 2px 4px -1px rgb(0 0 0 / 0.10);
  --shadow-lg: 0 1px 3px 0px rgb(0 0 0 / 0.10), 0 4px 6px -1px rgb(0 0 0 / 0.10);
  --shadow-xl: 0 1px 3px 0px rgb(0 0 0 / 0.10), 0 8px 10px -1px rgb(0 0 0 / 0.10);
  --shadow-2xl: 0 1px 3px 0px rgb(0 0 0 / 0.25);
}