.themeable-ui {
            --primary-100: #0b1505; 
--primary-200: #15220f; 
--primary-300: #1e2f15; 
--primary-400: #273d1a; 
--primary-500: #314c1f; 
--primary-600: #5f744f; 
--primary-700: #909e83; 
--primary-800: #c2cbba; 
--primary-900: #f7f9f5; 
--secondary-100: #051505; 
--secondary-200: #112914; 
--secondary-300: #18401c; 
--secondary-400: #205725; 
--secondary-500: #29702d; 
--secondary-600: #5d925d; 
--secondary-700: #8eb48e; 
--secondary-800: #c1d7c0; 
--secondary-900: #f5faf5; 
        }
        

        .themeable-homepage {
            --primary-100: #0b1505; 
--primary-200: #15220f; 
--primary-300: #1e2f15; 
--primary-400: #273d1a; 
--primary-500: #314c1f; 
--primary-600: #5f744f; 
--primary-700: #909e83; 
--primary-800: #c2cbba; 
--primary-900: #f7f9f5; 
--secondary-100: #051505; 
--secondary-200: #112914; 
--secondary-300: #18401c; 
--secondary-400: #205725; 
--secondary-500: #29702d; 
--secondary-600: #5d925d; 
--secondary-700: #8eb48e; 
--secondary-800: #c1d7c0; 
--secondary-900: #f5faf5; 
        }
        

        .themeable-email {
            --primary-100: #0b1505; 
--primary-200: #15220f; 
--primary-300: #1e2f15; 
--primary-400: #273d1a; 
--primary-500: #314c1f; 
--primary-600: #5f744f; 
--primary-700: #909e83; 
--primary-800: #c2cbba; 
--primary-900: #f7f9f5; 
--secondary-100: #051505; 
--secondary-200: #112914; 
--secondary-300: #18401c; 
--secondary-400: #205725; 
--secondary-500: #29702d; 
--secondary-600: #5d925d; 
--secondary-700: #8eb48e; 
--secondary-800: #c1d7c0; 
--secondary-900: #f5faf5; 
        }