:root {
  --background: #f0f8ff;
  --foreground: #374151;
  --card: #ffffff;
  --card-foreground: #374151;
  --popover: #ffffff;
  --popover-foreground: #374151;
  --primary: #22c55e;
  --primary-foreground: #ffffff;
  --secondary: #e0f2fe;
  --secondary-foreground: #4b5563;
  --muted: #f3f4f6;
  --muted-foreground: #6b7280;
  --accent: #d1fae5;
  --accent-foreground: #374151;
  --destructive: #ef4444;
  --destructive-foreground: #ffffff;
  --border: #e5e7eb;
  --input: #e5e7eb;
  --ring: #22c55e;
  --chart-1: #22c55e;
  --chart-2: #10b981;
  --chart-3: #059669;
  --chart-4: #047857;
  --chart-5: #065f46;
  --sidebar: #e0f2fe;
  --sidebar-foreground: #374151;
  --sidebar-primary: #22c55e;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #d1fae5;
  --sidebar-accent-foreground: #374151;
  --sidebar-border: #e5e7eb;
  --sidebar-ring: #22c55e;
  --font-sans: DM Sans, sans-serif;
  --font-serif: Lora, serif;
  --font-mono: IBM Plex Mono, monospace;
  --radius: 0.5rem;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 8px;
  --shadow-spread: -1px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 4px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
}

.dark {
  --background: #0f172a;
  --foreground: #d1d5db;
  --card: #1e293b;
  --card-foreground: #d1d5db;
  --popover: #1e293b;
  --popover-foreground: #d1d5db;
  --primary: #34d399;
  --primary-foreground: #0f172a;
  --secondary: #2d3748;
  --secondary-foreground: #a1a1aa;
  --muted: #19212e;
  --muted-foreground: #6b7280;
  --accent: #374151;
  --accent-foreground: #a1a1aa;
  --destructive: #ef4444;
  --destructive-foreground: #0f172a;
  --border: #4b5563;
  --input: #4b5563;
  --ring: #34d399;
  --chart-1: #34d399;
  --chart-2: #2dd4bf;
  --chart-3: #22c55e;
  --chart-4: #10b981;
  --chart-5: #059669;
  --sidebar: #1e293b;
  --sidebar-foreground: #d1d5db;
  --sidebar-primary: #34d399;
  --sidebar-primary-foreground: #0f172a;
  --sidebar-accent: #374151;
  --sidebar-accent-foreground: #a1a1aa;
  --sidebar-border: #4b5563;
  --sidebar-ring: #34d399;
  --font-sans: DM Sans, sans-serif;
  --font-serif: Lora, serif;
  --font-mono: IBM Plex Mono, monospace;
  --radius: 0.5rem;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.1;
  --shadow-blur: 8px;
  --shadow-spread: -1px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 4px;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
}