.themeable-ui {
            --primary-100: #121604; 
--primary-200: #1d240d; 
--primary-300: #293211; 
--primary-400: #364114; 
--primary-500: #445016; 
--primary-600: #6f774a; 
--primary-700: #9ba17f; 
--primary-800: #c9cdb8; 
--primary-900: #f9faf4; 
--secondary-100: #0e1207; 
--secondary-200: #282d20; 
--secondary-300: #424b36; 
--secondary-400: #5f6a4e; 
--secondary-500: #7d8b67; 
--secondary-600: #9da588; 
--secondary-700: #bcbfab; 
--secondary-800: #dadbd0; 
--secondary-900: #f8f8f7; 
        }
        

        .themeable-homepage {
            --primary-100: #121604; 
--primary-200: #1d240d; 
--primary-300: #293211; 
--primary-400: #364114; 
--primary-500: #445016; 
--primary-600: #6f774a; 
--primary-700: #9ba17f; 
--primary-800: #c9cdb8; 
--primary-900: #f9faf4; 
--secondary-100: #0e1207; 
--secondary-200: #282d20; 
--secondary-300: #424b36; 
--secondary-400: #5f6a4e; 
--secondary-500: #7d8b67; 
--secondary-600: #9da588; 
--secondary-700: #bcbfab; 
--secondary-800: #dadbd0; 
--secondary-900: #f8f8f7; 
        }
        

        .themeable-email {
            --primary-100: #121604; 
--primary-200: #1d240d; 
--primary-300: #293211; 
--primary-400: #364114; 
--primary-500: #445016; 
--primary-600: #6f774a; 
--primary-700: #9ba17f; 
--primary-800: #c9cdb8; 
--primary-900: #f9faf4; 
--secondary-100: #0e1207; 
--secondary-200: #282d20; 
--secondary-300: #424b36; 
--secondary-400: #5f6a4e; 
--secondary-500: #7d8b67; 
--secondary-600: #9da588; 
--secondary-700: #bcbfab; 
--secondary-800: #dadbd0; 
--secondary-900: #f8f8f7; 
        }