@layer base {
        :root {
          /* Custom theme colors */
          --theme-primary: #6366f1;
          --theme-secondary: #ec4899;
          --theme-accent: #f3e8ff;
          --theme-primary-hover: #4a4dd8;
          --theme-accent-hover: #dacfe6;
          --dark-mode: 0;
          
          /* Override shadcn primary colors with theme colors */
          --primary: oklch(0.437 0.512 -142.8);
          --primary-foreground: oklch(0.984 0.003 247.858);
          --secondary: oklch(0.442 0.533 -18.3);
          --secondary-foreground: oklch(0.129 0.042 264.695);
          --accent: oklch(0.925 0.081 -29.7);
          --accent-foreground: oklch(0.129 0.042 264.695);
          
          
        }
        
        
      }
      
      @layer utilities {
        /* Use shadcn CSS variables for consistency */
        .text-primary { color: var(--primary) !important; }
        .bg-primary { background-color: var(--primary) !important; }
        .border-primary { border-color: var(--primary) !important; }
        .text-primary-foreground { color: var(--primary-foreground) !important; }
        
        .text-secondary { color: var(--secondary) !important; }
        .bg-secondary { background-color: var(--secondary) !important; }
        .border-secondary { border-color: var(--secondary) !important; }
        .text-secondary-foreground { color: var(--secondary-foreground) !important; }
        
        .text-accent { color: var(--accent) !important; }
        .bg-accent { background-color: var(--accent) !important; }
        .border-accent { border-color: var(--accent) !important; }
        .text-accent-foreground { color: var(--accent-foreground) !important; }
        
        /* Legacy theme color utilities for backward compatibility */
        .hover:bg-primary-hover:hover { background-color: var(--theme-primary-hover) !important; }
        .hover:bg-accent-hover:hover { background-color: var(--theme-accent-hover) !important; }
        
        
      }