@layer base {
        :root {
          /* Custom theme colors */
          --theme-primary: #FAA73F;
          --theme-secondary: #73A533;
          --theme-accent: #73A533;
          --theme-primary-hover: #d88709;
          --theme-accent-hover: #568600;
          --dark-mode: 0;
          
          /* Map dynamic theme colors to brand color variables */
          --brand-primary: oklch(0.792864829814513 0.15029466658763418 68.00349959331807);
          --brand-primary-foreground: oklch(0.217786502463702 0 none);
          --brand-secondary: oklch(0.663501895468997 0.15262167542944563 130.17372695601833);
          --brand-secondary-foreground: oklch(0.217786502463702 0 none);
          --brand-accent: oklch(0.663501895468997 0.15262167542944563 130.17372695601833);
          --brand-accent-foreground: oklch(0.217786502463702 0 none);
          
          /* Override shadcn primary colors with theme colors */
          --primary: oklch(0.792864829814513 0.15029466658763418 68.00349959331807);
          --primary-foreground: oklch(0.217786502463702 0 none);
          --secondary: oklch(0.663501895468997 0.15262167542944563 130.17372695601833);
          --secondary-foreground: oklch(0.217786502463702 0 none);
          --accent: oklch(0.663501895468997 0.15262167542944563 130.17372695601833);
          --accent-foreground: oklch(0.217786502463702 0 none);
          
          /* Semantic colors dynamically calculated from theme colors */
          --success: oklch(0.6501219573422347 0.1286658844870579 140.05019021072948);
          --success-foreground: oklch(0.217786502463702 0 none);
          --warning: oklch(0.7419945705571916 0.14446625301725882 64.92770559018317);
          --warning-foreground: oklch(0.217786502463702 0 none);
          --info: oklch(0.7147182833745751 0.1215343315227597 200.9859538807489);
          --info-foreground: oklch(0.217786502463702 0 none);
          
          /* Generate semantic color scales from dynamic colors */
          
          --color-success-50: oklch(0.9746049978778265 0.04677101554182527 139.4336776525521);
          --color-success-50-foreground: oklch(0.217786502463702 0 none);
          --color-success-100: oklch(0.9396979325047856 0.050536824119888885 139.81727132274156);
          --color-success-100-foreground: oklch(0.217786502463702 0 none);
          --color-success-200: oklch(0.8690704236710047 0.08959637382525178 140.049377208342);
          --color-success-200-foreground: oklch(0.217786502463702 0 none);
          --color-success-500: oklch(0.6501219573422347 0.1286658844870579 140.05019021072948);
          --color-success-500-foreground: oklch(0.217786502463702 0 none);
          --color-success-600: oklch(0.5694033428269517 0.1284096955976894 140.0614926891896);
          --color-success-600-foreground: oklch(1.0000000000000002 0 none);
          --color-success-700: oklch(0.4692130016072062 0.12834750306156514 140.13193553092074);
          --color-success-700-foreground: oklch(1.0000000000000002 0 none);
          --color-success-800: oklch(0.36925294826296917 0.12231555045742376 141.31342728876928);
          --color-success-800-foreground: oklch(1.0000000000000002 0 none);
          --color-success-900: oklch(0.27820727256225763 0.09466681388781824 142.49534504144387);
          --color-success-900-foreground: oklch(1.0000000000000002 0 none);
          
          --color-warning-50: oklch(0.9352523165250622 0.07058232404859872 85.68470524580471);
          --color-warning-50-foreground: oklch(0.217786502463702 0 none);
          --color-warning-100: oklch(0.9058037874448869 0.07615405130151104 73.67407134567748);
          --color-warning-100-foreground: oklch(0.217786502463702 0 none);
          --color-warning-200: oklch(0.8671199814557001 0.10572401180601482 71.59487567630698);
          --color-warning-200-foreground: oklch(0.217786502463702 0 none);
          --color-warning-500: oklch(0.7419945705571916 0.14446625301725882 64.92770559018317);
          --color-warning-500-foreground: oklch(0.217786502463702 0 none);
          --color-warning-600: oklch(0.6213833767284571 0.13736968263587232 64.78560397094134);
          --color-warning-600-foreground: oklch(0.217786502463702 0 none);
          --color-warning-700: oklch(0.5430973637253531 0.12765534890967895 59.768101089516264);
          --color-warning-700-foreground: oklch(1.0000000000000002 0 none);
          --color-warning-800: oklch(0.4649032756041464 0.1171665303362879 53.55698732373513);
          --color-warning-800-foreground: oklch(1.0000000000000002 0 none);
          --color-warning-900: oklch(0.38508251245204955 0.11007171804267732 45.012452209416395);
          --color-warning-900-foreground: oklch(1.0000000000000002 0 none);
          
          --color-info-50: oklch(0.9528995779921027 0.07085610155531744 196.02617447005167);
          --color-info-50-foreground: oklch(0.217786502463702 0 none);
          --color-info-100: oklch(0.9204820296970179 0.07311783471460881 201.29210910790692);
          --color-info-100-foreground: oklch(0.217786502463702 0 none);
          --color-info-200: oklch(0.8798420595909843 0.09738721031696163 201.2222889022722);
          --color-info-200-foreground: oklch(0.217786502463702 0 none);
          --color-info-500: oklch(0.7147182833745751 0.1215343315227597 200.9859538807489);
          --color-info-500-foreground: oklch(0.217786502463702 0 none);
          --color-info-600: oklch(0.6009825058378702 0.10229299723492867 202.49276996638156);
          --color-info-600-foreground: oklch(0.217786502463702 0 none);
          --color-info-700: oklch(0.5278672060760962 0.08987783186191778 202.84323340916484);
          --color-info-700-foreground: oklch(1.0000000000000002 0 none);
          --color-info-800: oklch(0.45298376913502375 0.07746076662105637 205.75477032683503);
          --color-info-800-foreground: oklch(1.0000000000000002 0 none);
          --color-info-900: oklch(0.3777684374377439 0.06503106251872626 208.51315728471678);
          --color-info-900-foreground: oklch(1.0000000000000002 0 none);
          
          --theme-level: domain;
          --last-update: undefined;
          
          
          /* Dynamic primary color scale */
          --primary-50: oklch(0.934459146662075 0.07509215869009774 87.14786057033145);
          --primary-50-foreground: oklch(0.217786502463702 0 none);
          --primary-100: oklch(0.9067617960799412 0.0815920116687514 77.29405541567104);
          --primary-100-foreground: oklch(0.217786502463702 0 none);
          --primary-200: oklch(0.8660536479995091 0.11183172315542712 74.019444089837);
          --primary-200-foreground: oklch(0.217786502463702 0 none);
          --primary-300: oklch(0.8389122709982872 0.12033404338078076 68.03699198590745);
          --primary-300-foreground: oklch(0.217786502463702 0 none);
          --primary-400: oklch(0.8011613779053545 0.1427765439916331 67.95541003485168);
          --primary-400-foreground: oklch(0.217786502463702 0 none);
          --primary-500: oklch(0.792864829814513 0.15029466658763418 68.00349959331807);
          --primary-500-foreground: oklch(0.217786502463702 0 none);
          --primary-600: oklch(0.6740836351526595 0.14303333580442776 68.09698015924677);
          --primary-600-foreground: oklch(0.217786502463702 0 none);
          --primary-700: oklch(0.5935633891930124 0.13397677739617153 64.25056700677601);
          --primary-700-foreground: oklch(1.0000000000000002 0 none);
          --primary-800: oklch(0.5147338939932032 0.12300676501993725 58.15354274613376);
          --primary-800-foreground: oklch(1.0000000000000002 0 none);
          --primary-900: oklch(0.43732919904534323 0.11388568049797906 51.0731556930844);
          --primary-900-foreground: oklch(1.0000000000000002 0 none);
          --primary-950: oklch(0.35719222886777424 0.10737827130108533 42.20075313713096);
          --primary-950-foreground: oklch(1.0000000000000002 0 none);
          
          
          /* Dynamic secondary color scale */
          --secondary-50: oklch(0.9748093589996658 0.05754357026604499 128.67266637061937);
          --secondary-50-foreground: oklch(0.217786502463702 0 none);
          --secondary-100: oklch(0.9399158536086196 0.06124779138494484 129.6504386291032);
          --secondary-100-foreground: oklch(0.217786502463702 0 none);
          --secondary-200: oklch(0.8705395164933947 0.10667957897425658 130.1977823615393);
          --secondary-200-foreground: oklch(0.217786502463702 0 none);
          --secondary-300: oklch(0.7788951919609077 0.15204406198835438 130.1666966328745);
          --secondary-300-foreground: oklch(0.217786502463702 0 none);
          --secondary-400: oklch(0.6795186226886483 0.15226553061220105 130.09700462255435);
          --secondary-400-foreground: oklch(0.217786502463702 0 none);
          --secondary-500: oklch(0.663501895468997 0.15262167542944563 130.17372695601833);
          --secondary-500-foreground: oklch(0.217786502463702 0 none);
          --secondary-600: oklch(0.583512599171066 0.15249317260173295 130.06303212930183);
          --secondary-600-foreground: oklch(0.217786502463702 0 none);
          --secondary-700: oklch(0.4858864550745644 0.13545967704849018 132.26278896503865);
          --secondary-700-foreground: oklch(1.0000000000000002 0 none);
          --secondary-800: oklch(0.38781215664882407 0.11451145924764902 135.60782719742542);
          --secondary-800-foreground: oklch(1.0000000000000002 0 none);
          --secondary-900: oklch(0.2879240105775537 0.09309316054261225 140.2035726500024);
          --secondary-900-foreground: oklch(1.0000000000000002 0 none);
          --secondary-950: oklch(0.18869885389641694 0.06420939006423419 142.49534504144387);
          --secondary-950-foreground: oklch(1.0000000000000002 0 none);
          
          
          /* Dynamic accent color scale */
          --accent-50: oklch(0.9748093589996658 0.05754357026604499 128.67266637061937);
          --accent-50-foreground: oklch(0.217786502463702 0 none);
          --accent-100: oklch(0.9399158536086196 0.06124779138494484 129.6504386291032);
          --accent-100-foreground: oklch(0.217786502463702 0 none);
          --accent-200: oklch(0.8705395164933947 0.10667957897425658 130.1977823615393);
          --accent-200-foreground: oklch(0.217786502463702 0 none);
          --accent-300: oklch(0.7788951919609077 0.15204406198835438 130.1666966328745);
          --accent-300-foreground: oklch(0.217786502463702 0 none);
          --accent-400: oklch(0.6795186226886483 0.15226553061220105 130.09700462255435);
          --accent-400-foreground: oklch(0.217786502463702 0 none);
          --accent-500: oklch(0.663501895468997 0.15262167542944563 130.17372695601833);
          --accent-500-foreground: oklch(0.217786502463702 0 none);
          --accent-600: oklch(0.583512599171066 0.15249317260173295 130.06303212930183);
          --accent-600-foreground: oklch(0.217786502463702 0 none);
          --accent-700: oklch(0.4858864550745644 0.13545967704849018 132.26278896503865);
          --accent-700-foreground: oklch(1.0000000000000002 0 none);
          --accent-800: oklch(0.38781215664882407 0.11451145924764902 135.60782719742542);
          --accent-800-foreground: oklch(1.0000000000000002 0 none);
          --accent-900: oklch(0.2879240105775537 0.09309316054261225 140.2035726500024);
          --accent-900-foreground: oklch(1.0000000000000002 0 none);
          --accent-950: oklch(0.18869885389641694 0.06420939006423419 142.49534504144387);
          --accent-950-foreground: oklch(1.0000000000000002 0 none);
          
          
        }
        
        .dark {
          /* Override dark mode colors with theme colors — always generated regardless of darkMode flag */
          --primary: oklch(0.9314099611413951 0.12200605551521704 97.13806890893358);
          --primary-foreground: oklch(1.0000000000000002 0 none);
          --secondary: oklch(0.8633038159549368 0.15294383476756246 130.24389169390133);
          --secondary-foreground: oklch(1.0000000000000002 0 none);
          --accent: oklch(0.8633038159549368 0.15294383476756246 130.24389169390133);
          --accent-foreground: oklch(1.0000000000000002 0 none);
          
          
          /* Dark mode primary color scale adjustments */
          --primary-50: oklch(0.8339793514566632 0.07540416650949569 86.71651068878982);
          --primary-100: oklch(0.8571144919551134 0.08182291140995335 77.88848372677427);
          --primary-200: oklch(0.8660536479995091 0.11183172315542712 74.019444089837);
          --primary-300: oklch(0.8389122709982872 0.12033404338078076 68.03699198590745);
          --primary-400: oklch(0.8011613779053545 0.1427765439916331 67.95541003485168);
          --primary-500: oklch(0.8608042721928344 0.1330833946022276 79.89680728327734);
          --primary-600: oklch(0.8201999516926209 0.14086361723059232 68.84137525486695);
          --primary-700: oklch(0.793491608102363 0.13423265000629334 64.32717937816435);
          --primary-800: oklch(0.7651024265194303 0.1232334593986224 58.07264326195346);
          --primary-900: oklch(0.7365088625796115 0.1141764002049211 50.950541284459334);
          --primary-950: oklch(0.7078066092498976 0.10702252188971258 42.71028465998031);
        }
      }
      
      @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; }
        
        
      }