.themeable-ui {
            --primary-100: #150512; 
--primary-200: #35182f; 
--primary-300: #58254f; 
--primary-400: #7f3270; 
--primary-500: #a93f93; 
--primary-600: #be6fad; 
--primary-700: #d39cc7; 
--primary-800: #e7c8e0; 
--primary-900: #faf5f9; 
--secondary-100: #150512; 
--secondary-200: #35182f; 
--secondary-300: #58254f; 
--secondary-400: #7f3270; 
--secondary-500: #a93f93; 
--secondary-600: #be6fad; 
--secondary-700: #d39cc7; 
--secondary-800: #e7c8e0; 
--secondary-900: #faf5f9; 
        }
        

        .themeable-email {
            --primary-100: #150512; 
--primary-200: #35182f; 
--primary-300: #58254f; 
--primary-400: #7f3270; 
--primary-500: #a93f93; 
--primary-600: #be6fad; 
--primary-700: #d39cc7; 
--primary-800: #e7c8e0; 
--primary-900: #faf5f9; 
--secondary-100: #150512; 
--secondary-200: #35182f; 
--secondary-300: #58254f; 
--secondary-400: #7f3270; 
--secondary-500: #a93f93; 
--secondary-600: #be6fad; 
--secondary-700: #d39cc7; 
--secondary-800: #e7c8e0; 
--secondary-900: #faf5f9; 
        }
        

        .themeable-homepage {
            --primary-100: #150512; 
--primary-200: #35182f; 
--primary-300: #58254f; 
--primary-400: #7f3270; 
--primary-500: #a93f93; 
--primary-600: #be6fad; 
--primary-700: #d39cc7; 
--primary-800: #e7c8e0; 
--primary-900: #faf5f9; 
--secondary-100: #150512; 
--secondary-200: #35182f; 
--secondary-300: #58254f; 
--secondary-400: #7f3270; 
--secondary-500: #a93f93; 
--secondary-600: #be6fad; 
--secondary-700: #d39cc7; 
--secondary-800: #e7c8e0; 
--secondary-900: #faf5f9; 
        }