@layer base {
        :root {
          /* Custom theme colors */
          --theme-primary: #6366f1;
          --theme-secondary: #ec4899;
          --theme-accent: #f3e8ff;
          --theme-primary-hover: #4a45ce;
          --theme-accent-hover: #d2c7de;
          --dark-mode: 0;
          
          /* Override shadcn primary colors with theme colors */
          --primary: oklch(0.5854043125544901 0.20405527824372596 277.11729232808455);
          --primary-foreground: oklch(0.129 0.042 264.695);
          --secondary: oklch(0.6559195644798648 0.2117733875785405 354.30843450421963);
          --secondary-foreground: oklch(0.129 0.042 264.695);
          --accent: oklch(0.9464304060189398 0.032741813420466406 307.17444229854937);
          --accent-foreground: oklch(0.129 0.042 264.695);
          --theme-level: undefined;
          --last-update: 1755715802526;
          
          
        }
        
        
      }
      
      @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; }
        
        
      }