.themeable-ui {
            --primary-100: #111702; 
--primary-200: #34441d; 
--primary-300: #5e7831; 
--primary-400: #8caf47; 
--primary-500: #bfe95c; 
--primary-600: #cfee84; 
--primary-700: #def2aa; 
--primary-800: #ecf7cf; 
--primary-900: #f9fbf3; 
--secondary-100: #031216; 
--secondary-200: #16353e; 
--secondary-300: #245b6b; 
--secondary-400: #32849c; 
--secondary-500: #41afd0; 
--secondary-600: #78c2d9; 
--secondary-700: #a4d4e2; 
--secondary-800: #cce7ed; 
--secondary-900: #f4f9fa; 
        }
        

        .themeable-email {
            --primary-100: #111702; 
--primary-200: #34441d; 
--primary-300: #5e7831; 
--primary-400: #8caf47; 
--primary-500: #bfe95c; 
--primary-600: #cfee84; 
--primary-700: #def2aa; 
--primary-800: #ecf7cf; 
--primary-900: #f9fbf3; 
--secondary-100: #031216; 
--secondary-200: #16353e; 
--secondary-300: #245b6b; 
--secondary-400: #32849c; 
--secondary-500: #41afd0; 
--secondary-600: #78c2d9; 
--secondary-700: #a4d4e2; 
--secondary-800: #cce7ed; 
--secondary-900: #f4f9fa; 
        }
        

        .themeable-homepage {
            --primary-100: #111702; 
--primary-200: #34441d; 
--primary-300: #5e7831; 
--primary-400: #8caf47; 
--primary-500: #bfe95c; 
--primary-600: #cfee84; 
--primary-700: #def2aa; 
--primary-800: #ecf7cf; 
--primary-900: #f9fbf3; 
--secondary-100: #031216; 
--secondary-200: #16353e; 
--secondary-300: #245b6b; 
--secondary-400: #32849c; 
--secondary-500: #41afd0; 
--secondary-600: #78c2d9; 
--secondary-700: #a4d4e2; 
--secondary-800: #cce7ed; 
--secondary-900: #f4f9fa; 
        }