@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;
          
          /* Map dynamic theme colors to brand color variables */
          --brand-primary: oklch(0.5854043125544901 0.20405527824372596 277.11729232808455);
          --brand-primary-foreground: oklch(1.0000000000000002 0 none);
          --brand-secondary: oklch(0.6559195644798648 0.2117733875785405 354.30843450421963);
          --brand-secondary-foreground: oklch(0.217786502463702 0 none);
          --brand-accent: oklch(0.9464304060189398 0.032741813420466406 307.17444229854937);
          --brand-accent-foreground: oklch(0.217786502463702 0 none);
          
          /* Override shadcn primary colors with theme colors */
          --primary: oklch(0.5854043125544901 0.20405527824372596 277.11729232808455);
          --primary-foreground: oklch(1.0000000000000002 0 none);
          --secondary: oklch(0.6559195644798648 0.2117733875785405 354.30843450421963);
          --secondary-foreground: oklch(0.217786502463702 0 none);
          --accent: oklch(0.9464304060189398 0.032741813420466406 307.17444229854937);
          --accent-foreground: oklch(0.217786502463702 0 none);
          
          /* Semantic colors dynamically calculated from theme colors */
          --success: oklch(0.6508149267805093 0.12709142044426006 139.99127891720568);
          --success-foreground: oklch(0.217786502463702 0 none);
          --warning: oklch(0.7655652492699316 0.1419250267026365 64.98557274068038);
          --warning-foreground: oklch(0.217786502463702 0 none);
          --info: oklch(0.7346408678862384 0.12491255152327416 200.77535465003373);
          --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.05053682411988877 139.8172713227416);
          --color-success-100-foreground: oklch(0.217786502463702 0 none);
          --color-success-200: oklch(0.8699316810703812 0.08791686252230475 139.95840394208759);
          --color-success-200-foreground: oklch(0.217786502463702 0 none);
          --color-success-500: oklch(0.6508149267805093 0.12709142044426006 139.99127891720568);
          --color-success-500-foreground: oklch(0.217786502463702 0 none);
          --color-success-600: oklch(0.5700416443074598 0.1269081731326256 140.00048118701872);
          --color-success-600-foreground: oklch(1.0000000000000002 0 none);
          --color-success-700: oklch(0.4701444622480211 0.12661516748934354 139.81193976078492);
          --color-success-700-foreground: oklch(1.0000000000000002 0 none);
          --color-success-800: oklch(0.37281072207323845 0.12290707369202929 141.09853531035012);
          --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.9356571718417689 0.06832741364713396 84.87886741286574);
          --color-warning-50-foreground: oklch(0.217786502463702 0 none);
          --color-warning-100: oklch(0.9079174731819667 0.07549515402822268 74.40420785117637);
          --color-warning-100-foreground: oklch(0.217786502463702 0 none);
          --color-warning-200: oklch(0.8672781620420547 0.10484890567144174 71.21941115485251);
          --color-warning-200-foreground: oklch(0.217786502463702 0 none);
          --color-warning-500: oklch(0.7655652492699316 0.1419250267026365 64.98557274068038);
          --color-warning-500-foreground: oklch(0.217786502463702 0 none);
          --color-warning-600: oklch(0.6456292787917565 0.1350320880552542 64.9981654871562);
          --color-warning-600-foreground: oklch(0.217786502463702 0 none);
          --color-warning-700: oklch(0.5670411232070665 0.12990700616391435 62.50456241045393);
          --color-warning-700-foreground: oklch(1.0000000000000002 0 none);
          --color-warning-800: oklch(0.48754217516398707 0.11936343324245093 55.96140806433757);
          --color-warning-800-foreground: oklch(1.0000000000000002 0 none);
          --color-warning-900: oklch(0.4095523229903802 0.11079592635459402 48.43545603936458);
          --color-warning-900-foreground: oklch(1.0000000000000002 0 none);
          
          --color-info-50: oklch(0.9518148664911493 0.07261584224848724 195.998795547314);
          --color-info-50-foreground: oklch(0.217786502463702 0 none);
          --color-info-100: oklch(0.9194248603751949 0.07484224876051594 201.1436833745978);
          --color-info-100-foreground: oklch(0.217786502463702 0 none);
          --color-info-200: oklch(0.8808467758726437 0.10016017354204677 200.22894105270055);
          --color-info-200-foreground: oklch(0.217786502463702 0 none);
          --color-info-500: oklch(0.7346408678862384 0.12491255152327416 200.77535465003373);
          --color-info-500-foreground: oklch(0.217786502463702 0 none);
          --color-info-600: oklch(0.6213775425444281 0.10567985570535528 201.35255234384567);
          --color-info-600-foreground: oklch(0.217786502463702 0 none);
          --color-info-700: oklch(0.546678015282452 0.09314436282859805 203.4629853302972);
          --color-info-700-foreground: oklch(1.0000000000000002 0 none);
          --color-info-800: oklch(0.47208295459011324 0.0806439926202806 205.20584635354643);
          --color-info-800-foreground: oklch(1.0000000000000002 0 none);
          --color-info-900: oklch(0.39772348324247825 0.06830857239440868 207.6708619388818);
          --color-info-900-foreground: oklch(1.0000000000000002 0 none);
          
          --theme-level: company;
          --last-update: undefined;
          
          
          /* Dynamic primary color scale */
          --primary-50: oklch(0.9628750369526015 0.018232129357282724 250.58829928717248);
          --primary-50-foreground: oklch(0.217786502463702 0 none);
          --primary-100: oklch(0.9277371646896106 0.034372787136262774 267.63823520813315);
          --primary-100-foreground: oklch(0.217786502463702 0 none);
          --primary-200: oklch(0.8491692199265382 0.07435439044951411 272.9881728287052);
          --primary-200-foreground: oklch(0.217786502463702 0 none);
          --primary-300: oklch(0.7495045674497495 0.1299376611312671 277.4664686422956);
          --primary-300-foreground: oklch(0.217786502463702 0 none);
          --primary-400: oklch(0.6564606585463632 0.18504908496849265 277.62680264439774);
          --primary-400-foreground: oklch(0.217786502463702 0 none);
          --primary-500: oklch(0.5854043125544901 0.20405527824372596 277.11729232808455);
          --primary-500-foreground: oklch(1.0000000000000002 0 none);
          --primary-600: oklch(0.505588006793171 0.20368912482641569 277.20566914995675);
          --primary-600-foreground: oklch(1.0000000000000002 0 none);
          --primary-700: oklch(0.4055199409018531 0.20399561890603737 277.06469057781857);
          --primary-700-foreground: oklch(1.0000000000000002 0 none);
          --primary-800: oklch(0.3155605408715569 0.1957957435282729 276.62890935386054);
          --primary-800-foreground: oklch(1.0000000000000002 0 none);
          --primary-900: oklch(0.23933208153041258 0.14925132637762403 275.97900223987693);
          --primary-900-foreground: oklch(1.0000000000000002 0 none);
          --primary-950: oklch(0.14898722957413132 0.09206689156493503 277.1572993271833);
          --primary-950-foreground: oklch(1.0000000000000002 0 none);
          
          
          /* Dynamic secondary color scale */
          --secondary-50: oklch(0.9421773376326511 0.04811549535762079 329.14270068655156);
          --secondary-50-foreground: oklch(0.217786502463702 0 none);
          --secondary-100: oklch(0.914282949130828 0.05919697721202489 340.30814204948507);
          --secondary-100-foreground: oklch(0.217786502463702 0 none);
          --secondary-200: oklch(0.832902298624255 0.11735751076675993 344.7792167645832);
          --secondary-200-foreground: oklch(0.217786502463702 0 none);
          --secondary-300: oklch(0.7447355626319224 0.18874150699935102 348.50415101838735);
          --secondary-300-foreground: oklch(0.217786502463702 0 none);
          --secondary-400: oklch(0.6807405002195273 0.21127932759562645 354.5736035232699);
          --secondary-400-foreground: oklch(0.217786502463702 0 none);
          --secondary-500: oklch(0.6559195644798648 0.2117733875785405 354.30843450421963);
          --secondary-500-foreground: oklch(0.217786502463702 0 none);
          --secondary-600: oklch(0.5757696076920296 0.21136959482389783 354.2178751055368);
          --secondary-600-foreground: oklch(1.0000000000000002 0 none);
          --secondary-700: oklch(0.48580483587780404 0.19923007247240435 355.39437236695426);
          --secondary-700-foreground: oklch(1.0000000000000002 0 none);
          --secondary-800: oklch(0.4087601627362879 0.16608865463649392 358.9782619370957);
          --secondary-800-foreground: oklch(1.0000000000000002 0 none);
          --secondary-900: oklch(0.32889634932191947 0.13247944619252 3.359892405104353);
          --secondary-900-foreground: oklch(1.0000000000000002 0 none);
          --secondary-950: oklch(0.2307681598207234 0.09244701729447405 7.585987026436178);
          --secondary-950-foreground: oklch(1.0000000000000002 0 none);
          
          
          /* Dynamic accent color scale */
          --accent-50: oklch(0.979546846222645 0.012971617401423547 310.53323838385666);
          --accent-50-foreground: oklch(0.217786502463702 0 none);
          --accent-100: oklch(0.9397166418447427 0.01272105546848604 306.02387780151605);
          --accent-100-foreground: oklch(0.217786502463702 0 none);
          --accent-200: oklch(0.8707361610299567 0.021737557364506842 306.8064956280456);
          --accent-200-foreground: oklch(0.217786502463702 0 none);
          --accent-300: oklch(0.7795850016563638 0.03305601512674988 307.9909955658723);
          --accent-300-foreground: oklch(0.217786502463702 0 none);
          --accent-400: oklch(0.6795953452776505 0.032857701044746425 308.91460565703795);
          --accent-400-foreground: oklch(0.217786502463702 0 none);
          --accent-500: oklch(0.9464304060189398 0.032741813420466406 307.17444229854937);
          --accent-500-foreground: oklch(0.217786502463702 0 none);
          --accent-600: oklch(0.865690891227651 0.023422332428661468 308.16046689589075);
          --accent-600-foreground: oklch(0.217786502463702 0 none);
          --accent-700: oklch(0.7660717547850134 0.03282217861215818 306.075079587026);
          --accent-700-foreground: oklch(0.217786502463702 0 none);
          --accent-800: oklch(0.6656019708890407 0.03261955413100638 306.9168514488023);
          --accent-800-foreground: oklch(0.217786502463702 0 none);
          --accent-900: oklch(0.5671385205134747 0.03212104195263174 305.7056131561286);
          --accent-900-foreground: oklch(1.0000000000000002 0 none);
          --accent-950: oklch(0.46616228229281276 0.032646818236568606 308.79800996674317);
          --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; }
        
        
      }