.themeable-ui {
            --primary-100: #011919; 
--primary-200: #0a4142; 
--primary-300: #0e6e6f; 
--primary-400: #0f9fa0; 
--primary-500: #0bd3d3; 
--primary-600: #6fdede; 
--primary-700: #a1e8e8; 
--primary-800: #cbf2f2; 
--primary-900: #f3fcfc; 
--secondary-100: #090909; 
--secondary-200: #070707; 
--secondary-300: #050405; 
--secondary-400: #020202; 
--secondary-500: #000000; 
--secondary-600: #3a3a3a; 
--secondary-700: #747474; 
--secondary-800: #b3b3b3; 
--secondary-900: #f7f7f7; 
        }
        

        .themeable-homepage {
            --primary-100: #011919; 
--primary-200: #0a4142; 
--primary-300: #0e6e6f; 
--primary-400: #0f9fa0; 
--primary-500: #0bd3d3; 
--primary-600: #6fdede; 
--primary-700: #a1e8e8; 
--primary-800: #cbf2f2; 
--primary-900: #f3fcfc; 
--secondary-100: #090909; 
--secondary-200: #070707; 
--secondary-300: #050405; 
--secondary-400: #020202; 
--secondary-500: #000000; 
--secondary-600: #3a3a3a; 
--secondary-700: #747474; 
--secondary-800: #b3b3b3; 
--secondary-900: #f7f7f7; 
        }
        

        .themeable-email {
            --primary-100: #011919; 
--primary-200: #0a4142; 
--primary-300: #0e6e6f; 
--primary-400: #0f9fa0; 
--primary-500: #0bd3d3; 
--primary-600: #6fdede; 
--primary-700: #a1e8e8; 
--primary-800: #cbf2f2; 
--primary-900: #f3fcfc; 
--secondary-100: #090909; 
--secondary-200: #070707; 
--secondary-300: #050405; 
--secondary-400: #020202; 
--secondary-500: #000000; 
--secondary-600: #3a3a3a; 
--secondary-700: #747474; 
--secondary-800: #b3b3b3; 
--secondary-900: #f7f7f7; 
        }