:root {
      --background: #f7f3f9;
--foreground: #374151;
--card: #ffffff;
--card-foreground: #374151;
--popover: #ffffff;
--popover-foreground: #374151;
--primary: #a78bfa;
--primary-foreground: #ffffff;
--secondary: #e9d8fd;
--secondary-foreground: #4b5563;
--muted: #f3e8ff;
--muted-foreground: #6b7280;
--accent: #f3e5f5;
--accent-foreground: #374151;
--destructive: #fca5a5;
--destructive-foreground: #ffffff;
--border: #e9d8fd;
--input: #e9d8fd;
--ring: #a78bfa;
--chart-1: #a78bfa;
--chart-2: #8b5cf6;
--chart-3: #7c3aed;
--chart-4: #6d28d9;
--chart-5: #5b21b6;
--radius: 1.5rem;
--sidebar: #e9d8fd;
--sidebar-foreground: #374151;
--sidebar-primary: #a78bfa;
--sidebar-primary-foreground: #ffffff;
--sidebar-accent: #f3e5f5;
--sidebar-accent-foreground: #374151;
--sidebar-border: #e9d8fd;
--sidebar-ring: #a78bfa;
--font-sans: Open Sans, sans-serif;
--font-serif: Source Serif 4, serif;
--font-mono: IBM Plex Mono, monospace;
--shadow-color: hsl(0 0% 0%);
--shadow-opacity: 0.08;
--shadow-blur: 16px;
--shadow-spread: -4px;
--shadow-offset-x: 0px;
--shadow-offset-y: 8px;
--letter-spacing: 0em;
--spacing: 0.25rem;
    }

    .dark {
      --background: #1c1917;
--foreground: #e0e7ff;
--card: #2d2535;
--card-foreground: #e0e7ff;
--popover: #2d2535;
--popover-foreground: #e0e7ff;
--primary: #c0aafd;
--primary-foreground: #1c1917;
--secondary: #3f324a;
--secondary-foreground: #d1d5db;
--muted: #20182b;
--muted-foreground: #9ca3af;
--accent: #4a3d5a;
--accent-foreground: #d1d5db;
--destructive: #fca5a5;
--destructive-foreground: #1c1917;
--border: #3f324a;
--input: #3f324a;
--ring: #c0aafd;
--chart-1: #c0aafd;
--chart-2: #a78bfa;
--chart-3: #8b5cf6;
--chart-4: #7c3aed;
--chart-5: #6d28d9;
--radius: 1.5rem;
--sidebar: #3f324a;
--sidebar-foreground: #e0e7ff;
--sidebar-primary: #c0aafd;
--sidebar-primary-foreground: #1c1917;
--sidebar-accent: #4a3d5a;
--sidebar-accent-foreground: #d1d5db;
--sidebar-border: #3f324a;
--sidebar-ring: #c0aafd;
--font-sans: Open Sans, sans-serif;
--font-serif: Source Serif 4, serif;
--font-mono: IBM Plex Mono, monospace;
--shadow-color: hsl(0 0% 0%);
--shadow-opacity: 0.08;
--shadow-blur: 16px;
--shadow-spread: -4px;
--shadow-offset-x: 0px;
--shadow-offset-y: 8px;
--letter-spacing: 0em;
--spacing: 0.25rem;
    }