@layer base {
        :root {
          /* Custom theme colors */
          --theme-primary: #eb00cb;
          --theme-secondary: #0088cc;
          --theme-accent: #9eff3d;
          --theme-primary-hover: #c700aa;
          --theme-accent-hover: #7edd00;
          --dark-mode: 0;
          
          /* Map dynamic theme colors to brand color variables */
          --brand-primary: oklch(0.6417137723389611 0.28368490638184196 336.24365105991376);
          --brand-primary-foreground: oklch(0.217786502463702 0 none);
          --brand-secondary: oklch(0.5998238311054845 0.14118965830620464 241.55458682692688);
          --brand-secondary-foreground: oklch(0.217786502463702 0 none);
          --brand-accent: oklch(0.9058478218492765 0.23481183689202306 133.11776436513946);
          --brand-accent-foreground: oklch(0.217786502463702 0 none);
          
          /* Override shadcn primary colors with theme colors */
          --primary: oklch(0.6417137723389611 0.28368490638184196 336.24365105991376);
          --primary-foreground: oklch(0.217786502463702 0 none);
          --secondary: oklch(0.5998238311054845 0.14118965830620464 241.55458682692688);
          --secondary-foreground: oklch(0.217786502463702 0 none);
          --accent: oklch(0.9058478218492765 0.23481183689202306 133.11776436513946);
          --accent-foreground: oklch(0.217786502463702 0 none);
          
          /* Semantic colors dynamically calculated from theme colors */
          --success: oklch(0.6503962344412175 0.18736514452033787 139.99379854533942);
          --success-foreground: oklch(0.217786502463702 0 none);
          --warning: oklch(0.7473582076866853 0.1801195129209721 57.363666948314226);
          --warning-foreground: oklch(0.217786502463702 0 none);
          --info: oklch(0.7486045474414386 0.12787878936811653 205.19593466349258);
          --info-foreground: oklch(0.217786502463702 0 none);
          
          /* Generate semantic color scales from dynamic colors */
          
          --color-success-50: oklch(0.9657428215074914 0.0640084514306616 139.58020383054557);
          --color-success-50-foreground: oklch(0.217786502463702 0 none);
          --color-success-100: oklch(0.9393301203906341 0.07438470330397053 140.31087076812344);
          --color-success-100-foreground: oklch(0.217786502463702 0 none);
          --color-success-200: oklch(0.870874956746299 0.13210758293216873 140.0363569890223);
          --color-success-200-foreground: oklch(0.217786502463702 0 none);
          --color-success-500: oklch(0.6503962344412175 0.18736514452033787 139.99379854533942);
          --color-success-500-foreground: oklch(0.217786502463702 0 none);
          --color-success-600: oklch(0.5715378829695501 0.18527109116661336 140.32416557140988);
          --color-success-600-foreground: oklch(0.217786502463702 0 none);
          --color-success-700: oklch(0.4753522487662615 0.1617502031872347 142.49534504144387);
          --color-success-700-foreground: oklch(1.0000000000000002 0 none);
          --color-success-800: oklch(0.3831873037505802 0.13038883144297875 142.49534504144387);
          --color-success-800-foreground: oklch(1.0000000000000002 0 none);
          --color-success-900: oklch(0.291816149164617 0.09929756626417663 142.49534504144387);
          --color-success-900-foreground: oklch(1.0000000000000002 0 none);
          
          --color-warning-50: oklch(0.9194860759819874 0.07827311084209967 81.67551773625001);
          --color-warning-50-foreground: oklch(0.217786502463702 0 none);
          --color-warning-100: oklch(0.8922421345221762 0.08514255450229381 72.10104491802802);
          --color-warning-100-foreground: oklch(0.217786502463702 0 none);
          --color-warning-200: oklch(0.8459218881679617 0.11878533869652533 69.00506685594749);
          --color-warning-200-foreground: oklch(0.217786502463702 0 none);
          --color-warning-500: oklch(0.7473582076866853 0.1801195129209721 57.363666948314226);
          --color-warning-500-foreground: oklch(0.217786502463702 0 none);
          --color-warning-600: oklch(0.6287181636059618 0.16196112390807288 51.87067415788291);
          --color-warning-600-foreground: oklch(0.217786502463702 0 none);
          --color-warning-700: oklch(0.5491573340032136 0.15333393772987097 46.42025279598625);
          --color-warning-700-foreground: oklch(1.0000000000000002 0 none);
          --color-warning-800: oklch(0.4723981655670125 0.14772723101130578 40.177717943396736);
          --color-warning-800-foreground: oklch(1.0000000000000002 0 none);
          --color-warning-900: oklch(0.39180375748600305 0.14368746217015346 33.23383707991364);
          --color-warning-900-foreground: oklch(1.0000000000000002 0 none);
          
          --color-info-50: oklch(0.9512772594421821 0.07349037053754763 195.9852035266059);
          --color-info-50-foreground: oklch(0.217786502463702 0 none);
          --color-info-100: oklch(0.9201808037084211 0.0763287944469913 205.15359125987808);
          --color-info-100-foreground: oklch(0.217786502463702 0 none);
          --color-info-200: oklch(0.8794210235966602 0.10259341090260764 205.54961642584806);
          --color-info-200-foreground: oklch(0.217786502463702 0 none);
          --color-info-500: oklch(0.7486045474414386 0.12787878936811653 205.19593466349258);
          --color-info-500-foreground: oklch(0.217786502463702 0 none);
          --color-info-600: oklch(0.635954231823792 0.1089766010966138 206.74013747195474);
          --color-info-600-foreground: oklch(0.217786502463702 0 none);
          --color-info-700: oklch(0.5613528458202665 0.09669446976672089 208.72690780135298);
          --color-info-700-foreground: oklch(1.0000000000000002 0 none);
          --color-info-800: oklch(0.4873407454678998 0.08469549186373973 211.3468593880285);
          --color-info-800-foreground: oklch(1.0000000000000002 0 none);
          --color-info-900: oklch(0.41321893546437516 0.07252792107256563 213.67787503083557);
          --color-info-900-foreground: oklch(1.0000000000000002 0 none);
          
          --theme-level: company;
          --last-update: undefined;
          
          
          /* Dynamic primary color scale */
          --primary-50: oklch(0.9320841655842703 0.06143903880504421 326.0569200700115);
          --primary-50-foreground: oklch(0.217786502463702 0 none);
          --primary-100: oklch(0.9086627002940205 0.08396820812263306 326.2412687608093);
          --primary-100-foreground: oklch(0.217786502463702 0 none);
          --primary-200: oklch(0.8262405792915698 0.16963169500220787 326.9746136484122);
          --primary-200-foreground: oklch(0.217786502463702 0 none);
          --primary-300: oklch(0.7375271892619204 0.2681082182503918 329.11545764358715);
          --primary-300-foreground: oklch(0.217786502463702 0 none);
          --primary-400: oklch(0.6802309198504259 0.2838297172477011 336.18222571985615);
          --primary-400-foreground: oklch(0.217786502463702 0 none);
          --primary-500: oklch(0.6417137723389611 0.28368490638184196 336.24365105991376);
          --primary-500-foreground: oklch(0.217786502463702 0 none);
          --primary-600: oklch(0.5808107064782747 0.25649789496234693 336.46009854819636);
          --primary-600-foreground: oklch(1.0000000000000002 0 none);
          --primary-700: oklch(0.5030419457951885 0.22187412687738578 336.72643034268907);
          --primary-700-foreground: oklch(1.0000000000000002 0 none);
          --primary-800: oklch(0.42449128027926436 0.1869332811812812 337.06121867300266);
          --primary-800-foreground: oklch(1.0000000000000002 0 none);
          --primary-900: oklch(0.3426993904152225 0.15094257488642857 337.0217434409188);
          --primary-900-foreground: oklch(1.0000000000000002 0 none);
          --primary-950: oklch(0.23803781285527953 0.10534620116367188 336.0121169200504);
          --primary-950-foreground: oklch(1.0000000000000002 0 none);
          
          
          /* Dynamic secondary color scale */
          --secondary-50: oklch(0.9705443586111414 0.0390328503218762 198.48437273900385);
          --secondary-50-foreground: oklch(0.217786502463702 0 none);
          --secondary-100: oklch(0.9355042720913748 0.04371737925437216 222.13244122256208);
          --secondary-100-foreground: oklch(0.217786502463702 0 none);
          --secondary-200: oklch(0.8641092164379013 0.08296854570262255 230.61046742303415);
          --secondary-200-foreground: oklch(0.217786502463702 0 none);
          --secondary-300: oklch(0.7744882666351864 0.13110504104553192 237.77103794642454);
          --secondary-300-foreground: oklch(0.217786502463702 0 none);
          --secondary-400: oklch(0.6795929257106191 0.14155914316809473 241.67227332603193);
          --secondary-400-foreground: oklch(0.217786502463702 0 none);
          --secondary-500: oklch(0.5998238311054845 0.14118965830620464 241.55458682692688);
          --secondary-500-foreground: oklch(0.217786502463702 0 none);
          --secondary-600: oklch(0.5247091719870464 0.13422780467270803 245.76045713217184);
          --secondary-600-foreground: oklch(1.0000000000000002 0 none);
          --secondary-700: oklch(0.4334140863841053 0.12501509740743527 250.70244465638038);
          --secondary-700-foreground: oklch(1.0000000000000002 0 none);
          --secondary-800: oklch(0.33585699429791926 0.11846647579145844 256.8428564436929);
          --secondary-800-foreground: oklch(1.0000000000000002 0 none);
          --secondary-900: oklch(0.23752645817099133 0.09859533198820487 260.3170289295557);
          --secondary-900-foreground: oklch(1.0000000000000002 0 none);
          --secondary-950: oklch(0.13283869461616268 0.06889691798270858 263.2700635931437);
          --secondary-950-foreground: oklch(1.0000000000000002 0 none);
          
          
          /* Dynamic accent color scale */
          --accent-50: oklch(0.9635224234701733 0.08110700847937091 131.05109360157428);
          --accent-50-foreground: oklch(0.217786502463702 0 none);
          --accent-100: oklch(0.9393154597807692 0.09276790534720175 132.9480450601048);
          --accent-100-foreground: oklch(0.217786502463702 0 none);
          --accent-200: oklch(0.869737022635751 0.16478319303525163 133.2204850179872);
          --accent-200-foreground: oklch(0.217786502463702 0 none);
          --accent-300: oklch(0.7803806282608484 0.22396124451856592 133.99948593588886);
          --accent-300-foreground: oklch(0.217786502463702 0 none);
          --accent-400: oklch(0.6821298898709874 0.20358458218078052 136.1902574338656);
          --accent-400-foreground: oklch(0.217786502463702 0 none);
          --accent-500: oklch(0.9058478218492765 0.23481183689202306 133.11776436513946);
          --accent-500-foreground: oklch(0.217786502463702 0 none);
          --accent-600: oklch(0.8264476244625026 0.2343078108932823 133.28194125634084);
          --accent-600-foreground: oklch(0.217786502463702 0 none);
          --accent-700: oklch(0.7272869227913756 0.21274065762395067 135.08651925428106);
          --accent-700-foreground: oklch(0.217786502463702 0 none);
          --accent-800: oklch(0.6303729430776931 0.19287696404514573 137.49942224926724);
          --accent-800-foreground: oklch(0.217786502463702 0 none);
          --accent-900: oklch(0.5308329485033774 0.17179195876352918 140.24714034572577);
          --accent-900-foreground: oklch(1.0000000000000002 0 none);
          --accent-950: oklch(0.43295603978973707 0.14732385844158646 142.49534504144387);
          --accent-950-foreground: oklch(1.0000000000000002 0 none);
          
          
        }
        
        
      }
      
      @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; }
        
        /* Dynamic primary color scale utilities */
        
        .bg-primary-50 { background-color: var(--primary-50) !important; }
        .bg-primary-100 { background-color: var(--primary-100) !important; }
        .bg-primary-200 { background-color: var(--primary-200) !important; }
        .bg-primary-300 { background-color: var(--primary-300) !important; }
        .bg-primary-400 { background-color: var(--primary-400) !important; }
        .bg-primary-500 { background-color: var(--primary-500) !important; }
        .bg-primary-600 { background-color: var(--primary-600) !important; }
        .bg-primary-700 { background-color: var(--primary-700) !important; }
        .bg-primary-800 { background-color: var(--primary-800) !important; }
        .bg-primary-900 { background-color: var(--primary-900) !important; }
        .bg-primary-950 { background-color: var(--primary-950) !important; }
        
        .text-primary-50 { color: var(--primary-50) !important; }
        .text-primary-50-foreground { color: var(--primary-50-foreground) !important; }
        .text-primary-100 { color: var(--primary-100) !important; }
        .text-primary-100-foreground { color: var(--primary-100-foreground) !important; }
        .text-primary-200 { color: var(--primary-200) !important; }
        .text-primary-200-foreground { color: var(--primary-200-foreground) !important; }
        .text-primary-300 { color: var(--primary-300) !important; }
        .text-primary-300-foreground { color: var(--primary-300-foreground) !important; }
        .text-primary-400 { color: var(--primary-400) !important; }
        .text-primary-400-foreground { color: var(--primary-400-foreground) !important; }
        .text-primary-500 { color: var(--primary-500) !important; }
        .text-primary-500-foreground { color: var(--primary-500-foreground) !important; }
        .text-primary-600 { color: var(--primary-600) !important; }
        .text-primary-600-foreground { color: var(--primary-600-foreground) !important; }
        .text-primary-700 { color: var(--primary-700) !important; }
        .text-primary-700-foreground { color: var(--primary-700-foreground) !important; }
        .text-primary-800 { color: var(--primary-800) !important; }
        .text-primary-800-foreground { color: var(--primary-800-foreground) !important; }
        .text-primary-900 { color: var(--primary-900) !important; }
        .text-primary-900-foreground { color: var(--primary-900-foreground) !important; }
        .text-primary-950 { color: var(--primary-950) !important; }
        .text-primary-950-foreground { color: var(--primary-950-foreground) !important; }
        
        .border-primary-50 { border-color: var(--primary-50) !important; }
        .border-primary-100 { border-color: var(--primary-100) !important; }
        .border-primary-200 { border-color: var(--primary-200) !important; }
        .border-primary-300 { border-color: var(--primary-300) !important; }
        .border-primary-400 { border-color: var(--primary-400) !important; }
        .border-primary-500 { border-color: var(--primary-500) !important; }
        .border-primary-600 { border-color: var(--primary-600) !important; }
        .border-primary-700 { border-color: var(--primary-700) !important; }
        .border-primary-800 { border-color: var(--primary-800) !important; }
        .border-primary-900 { border-color: var(--primary-900) !important; }
        .border-primary-950 { border-color: var(--primary-950) !important; }
        
        /* Dynamic secondary color scale utilities */
        
        .bg-secondary-50 { background-color: var(--secondary-50) !important; }
        .bg-secondary-100 { background-color: var(--secondary-100) !important; }
        .bg-secondary-200 { background-color: var(--secondary-200) !important; }
        .bg-secondary-300 { background-color: var(--secondary-300) !important; }
        .bg-secondary-400 { background-color: var(--secondary-400) !important; }
        .bg-secondary-500 { background-color: var(--secondary-500) !important; }
        .bg-secondary-600 { background-color: var(--secondary-600) !important; }
        .bg-secondary-700 { background-color: var(--secondary-700) !important; }
        .bg-secondary-800 { background-color: var(--secondary-800) !important; }
        .bg-secondary-900 { background-color: var(--secondary-900) !important; }
        .bg-secondary-950 { background-color: var(--secondary-950) !important; }
        
        .text-secondary-50 { color: var(--secondary-50) !important; }
        .text-secondary-50-foreground { color: var(--secondary-50-foreground) !important; }
        .text-secondary-100 { color: var(--secondary-100) !important; }
        .text-secondary-100-foreground { color: var(--secondary-100-foreground) !important; }
        .text-secondary-200 { color: var(--secondary-200) !important; }
        .text-secondary-200-foreground { color: var(--secondary-200-foreground) !important; }
        .text-secondary-300 { color: var(--secondary-300) !important; }
        .text-secondary-300-foreground { color: var(--secondary-300-foreground) !important; }
        .text-secondary-400 { color: var(--secondary-400) !important; }
        .text-secondary-400-foreground { color: var(--secondary-400-foreground) !important; }
        .text-secondary-500 { color: var(--secondary-500) !important; }
        .text-secondary-500-foreground { color: var(--secondary-500-foreground) !important; }
        .text-secondary-600 { color: var(--secondary-600) !important; }
        .text-secondary-600-foreground { color: var(--secondary-600-foreground) !important; }
        .text-secondary-700 { color: var(--secondary-700) !important; }
        .text-secondary-700-foreground { color: var(--secondary-700-foreground) !important; }
        .text-secondary-800 { color: var(--secondary-800) !important; }
        .text-secondary-800-foreground { color: var(--secondary-800-foreground) !important; }
        .text-secondary-900 { color: var(--secondary-900) !important; }
        .text-secondary-900-foreground { color: var(--secondary-900-foreground) !important; }
        .text-secondary-950 { color: var(--secondary-950) !important; }
        .text-secondary-950-foreground { color: var(--secondary-950-foreground) !important; }
        
        /* Dynamic accent color scale utilities */
        
        .bg-accent-50 { background-color: var(--accent-50) !important; }
        .bg-accent-100 { background-color: var(--accent-100) !important; }
        .bg-accent-200 { background-color: var(--accent-200) !important; }
        .bg-accent-300 { background-color: var(--accent-300) !important; }
        .bg-accent-400 { background-color: var(--accent-400) !important; }
        .bg-accent-500 { background-color: var(--accent-500) !important; }
        .bg-accent-600 { background-color: var(--accent-600) !important; }
        .bg-accent-700 { background-color: var(--accent-700) !important; }
        .bg-accent-800 { background-color: var(--accent-800) !important; }
        .bg-accent-900 { background-color: var(--accent-900) !important; }
        .bg-accent-950 { background-color: var(--accent-950) !important; }
        
        .text-accent-50 { color: var(--accent-50) !important; }
        .text-accent-50-foreground { color: var(--accent-50-foreground) !important; }
        .text-accent-100 { color: var(--accent-100) !important; }
        .text-accent-100-foreground { color: var(--accent-100-foreground) !important; }
        .text-accent-200 { color: var(--accent-200) !important; }
        .text-accent-200-foreground { color: var(--accent-200-foreground) !important; }
        .text-accent-300 { color: var(--accent-300) !important; }
        .text-accent-300-foreground { color: var(--accent-300-foreground) !important; }
        .text-accent-400 { color: var(--accent-400) !important; }
        .text-accent-400-foreground { color: var(--accent-400-foreground) !important; }
        .text-accent-500 { color: var(--accent-500) !important; }
        .text-accent-500-foreground { color: var(--accent-500-foreground) !important; }
        .text-accent-600 { color: var(--accent-600) !important; }
        .text-accent-600-foreground { color: var(--accent-600-foreground) !important; }
        .text-accent-700 { color: var(--accent-700) !important; }
        .text-accent-700-foreground { color: var(--accent-700-foreground) !important; }
        .text-accent-800 { color: var(--accent-800) !important; }
        .text-accent-800-foreground { color: var(--accent-800-foreground) !important; }
        .text-accent-900 { color: var(--accent-900) !important; }
        .text-accent-900-foreground { color: var(--accent-900-foreground) !important; }
        .text-accent-950 { color: var(--accent-950) !important; }
        .text-accent-950-foreground { color: var(--accent-950-foreground) !important; }
        
        /* Semantic color utilities */
        .bg-success { background-color: var(--success) !important; }
        .text-success { color: var(--success) !important; }
        .border-success { border-color: var(--success) !important; }
        .text-success-foreground { color: var(--success-foreground) !important; }
        
        .bg-warning { background-color: var(--warning) !important; }
        .text-warning { color: var(--warning) !important; }
        .border-warning { border-color: var(--warning) !important; }
        .text-warning-foreground { color: var(--warning-foreground) !important; }
        
        .bg-info { background-color: var(--info) !important; }
        .text-info { color: var(--info) !important; }
        .border-info { border-color: var(--info) !important; }
        .text-info-foreground { color: var(--info-foreground) !important; }
        
        /* Semantic color scale utilities */
        .bg-success-50 { background-color: var(--color-success-50) !important; }
        .bg-success-100 { background-color: var(--color-success-100) !important; }
        .bg-success-200 { background-color: var(--color-success-200) !important; }
        .bg-success-500 { background-color: var(--color-success-500) !important; }
        .bg-success-600 { background-color: var(--color-success-600) !important; }
        .bg-success-700 { background-color: var(--color-success-700) !important; }
        .bg-success-800 { background-color: var(--color-success-800) !important; }
        .bg-success-900 { background-color: var(--color-success-900) !important; }
        
        .text-success-50 { color: var(--color-success-50) !important; }
        .text-success-100 { color: var(--color-success-100) !important; }
        .text-success-200 { color: var(--color-success-200) !important; }
        .text-success-500 { color: var(--color-success-500) !important; }
        .text-success-600 { color: var(--color-success-600) !important; }
        .text-success-700 { color: var(--color-success-700) !important; }
        .text-success-800 { color: var(--color-success-800) !important; }
        .text-success-900 { color: var(--color-success-900) !important; }
        
        .bg-warning-50 { background-color: var(--color-warning-50) !important; }
        .bg-warning-100 { background-color: var(--color-warning-100) !important; }
        .bg-warning-200 { background-color: var(--color-warning-200) !important; }
        .bg-warning-500 { background-color: var(--color-warning-500) !important; }
        .bg-warning-600 { background-color: var(--color-warning-600) !important; }
        .bg-warning-700 { background-color: var(--color-warning-700) !important; }
        .bg-warning-800 { background-color: var(--color-warning-800) !important; }
        .bg-warning-900 { background-color: var(--color-warning-900) !important; }
        
        .text-warning-50 { color: var(--color-warning-50) !important; }
        .text-warning-100 { color: var(--color-warning-100) !important; }
        .text-warning-200 { color: var(--color-warning-200) !important; }
        .text-warning-500 { color: var(--color-warning-500) !important; }
        .text-warning-600 { color: var(--color-warning-600) !important; }
        .text-warning-700 { color: var(--color-warning-700) !important; }
        .text-warning-800 { color: var(--color-warning-800) !important; }
        .text-warning-900 { color: var(--color-warning-900) !important; }
        
        .bg-info-50 { background-color: var(--color-info-50) !important; }
        .bg-info-100 { background-color: var(--color-info-100) !important; }
        .bg-info-200 { background-color: var(--color-info-200) !important; }
        .bg-info-500 { background-color: var(--color-info-500) !important; }
        .bg-info-600 { background-color: var(--color-info-600) !important; }
        .bg-info-700 { background-color: var(--color-info-700) !important; }
        .bg-info-800 { background-color: var(--color-info-800) !important; }
        .bg-info-900 { background-color: var(--color-info-900) !important; }
        
        .text-info-50 { color: var(--color-info-50) !important; }
        .text-info-100 { color: var(--color-info-100) !important; }
        .text-info-200 { color: var(--color-info-200) !important; }
        .text-info-500 { color: var(--color-info-500) !important; }
        .text-info-600 { color: var(--color-info-600) !important; }
        .text-info-700 { color: var(--color-info-700) !important; }
        .text-info-800 { color: var(--color-info-800) !important; }
        .text-info-900 { color: var(--color-info-900) !important; }

        /* Semantic color utilities */
        .bg-success { background-color: var(--success) !important; }
        .text-success { color: var(--success) !important; }
        .text-success-foreground { color: var(--success-foreground) !important; }
        .border-success { border-color: var(--success) !important; }
        
        .bg-warning { background-color: var(--warning) !important; }
        .text-warning { color: var(--warning) !important; }
        .text-warning-foreground { color: var(--warning-foreground) !important; }
        .border-warning { border-color: var(--warning) !important; }
        
        .bg-info { background-color: var(--info) !important; }
        .text-info { color: var(--info) !important; }
        .text-info-foreground { color: var(--info-foreground) !important; }
        .border-info { border-color: var(--info) !important; }

        /* Brand color utilities that map to dynamic theme colors */
        .bg-brand-primary { background-color: var(--brand-primary) !important; }
        .text-brand-primary { color: var(--brand-primary) !important; }
        .text-brand-primary-foreground { color: var(--brand-primary-foreground) !important; }
        .border-brand-primary { border-color: var(--brand-primary) !important; }
        
        .bg-brand-secondary { background-color: var(--brand-secondary) !important; }
        .text-brand-secondary { color: var(--brand-secondary) !important; }
        .text-brand-secondary-foreground { color: var(--brand-secondary-foreground) !important; }
        .border-brand-secondary { border-color: var(--brand-secondary) !important; }
        
        .bg-brand-accent { background-color: var(--brand-accent) !important; }
        .text-brand-accent { color: var(--brand-accent) !important; }
        .text-brand-accent-foreground { color: var(--brand-accent-foreground) !important; }
        .border-brand-accent { border-color: var(--brand-accent) !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; }
        
        
      }