/* styles/variables.css */
:root {
  --background: rgb(252, 252, 252);
  --foreground: rgb(23, 23, 23);
  --card: rgb(252, 252, 252);
  --card-foreground: rgb(23, 23, 23);
  --popover: rgb(252, 252, 252);
  --popover-foreground: rgb(82, 82, 82);
  --primary: rgb(114, 227, 173);
  --primary-foreground: rgb(30, 39, 35);
  --secondary: rgb(253, 253, 253);
  --secondary-foreground: rgb(23, 23, 23);
  --muted: rgb(237, 237, 237);
  --muted-foreground: rgb(32, 32, 32);
  --accent: rgb(237, 237, 237);
  --accent-foreground: rgb(32, 32, 32);
  --destructive: rgb(202, 50, 20);
  --destructive-foreground: rgb(255, 252, 252);
  --border: rgb(223, 223, 223);
  --input: rgb(246, 246, 246);
  --ring: rgb(114, 227, 173);
  --chart-1: rgb(114, 227, 173);
  --chart-2: rgb(59, 130, 246);
  --chart-3: rgb(139, 92, 246);
  --chart-4: rgb(245, 158, 11);
  --chart-5: rgb(16, 185, 129);
  --sidebar: rgb(252, 252, 252);
  --sidebar-foreground: rgb(112, 112, 112);
  --sidebar-primary: rgb(114, 227, 173);
  --sidebar-primary-foreground: rgb(30, 39, 35);
  --sidebar-accent: rgb(237, 237, 237);
  --sidebar-accent-foreground: rgb(32, 32, 32);
  --sidebar-border: rgb(223, 223, 223);
  --sidebar-ring: rgb(114, 227, 173);
  --font-sans: 'Outfit', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --radius: 0.5rem;
  --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);
  --tracking-normal: 0.025em;
  --spacing: 0.25rem;
  
  /* Chart Colors */
  --chart-positive: rgb(74, 222, 128);
  --chart-negative: rgb(248, 113, 113);
  --chart-neutral: rgb(156, 163, 175);
}

.dark {
  --background: rgb(18, 18, 18);
  --foreground: rgb(226, 232, 240);
  --card: rgb(23, 23, 23);
  --card-foreground: rgb(226, 232, 240);
  --popover: rgb(36, 36, 36);
  --popover-foreground: rgb(169, 169, 169);
  --primary: rgb(74, 222, 128);
  --primary-foreground: rgb(0, 0, 0);
  --secondary: rgb(36, 36, 36);
  --secondary-foreground: rgb(250, 250, 250);
  --muted: rgb(31, 31, 31);
  --muted-foreground: rgb(162, 162, 162);
  --accent: rgb(49, 49, 49);
  --accent-foreground: rgb(250, 250, 250);
  --destructive: rgb(220, 38, 38);
  --destructive-foreground: rgb(254, 226, 226);
  --border: rgb(41, 41, 41);
  --input: rgb(36, 36, 36);
  --ring: rgb(74, 222, 128);
  --chart-1: rgb(74, 222, 128);
  --chart-2: rgb(96, 165, 250);
  --chart-3: rgb(167, 139, 250);
  --chart-4: rgb(251, 191, 36);
  --chart-5: rgb(45, 212, 191);
  --sidebar: rgb(23, 23, 23);
  --sidebar-foreground: rgb(137, 137, 137);
  --sidebar-primary: rgb(74, 222, 128);
  --sidebar-primary-foreground: rgb(0, 0, 0);
  --sidebar-accent: rgb(49, 49, 49);
  --sidebar-accent-foreground: rgb(250, 250, 250);
  --sidebar-border: rgb(41, 41, 41);
  --sidebar-ring: rgb(74, 222, 128);
  
  /* Chart Colors Dark */
  --chart-positive: rgb(74, 222, 128);
  --chart-negative: rgb(239, 68, 68);
  --chart-neutral: rgb(107, 114, 128);
}