.themeable-ui {
            --primary-100: #130711; 
--primary-200: #251823; 
--primary-300: #392536; 
--primary-400: #4e324a; 
--primary-500: #64405f; 
--primary-600: #876a83; 
--primary-700: #ab97a9; 
--primary-800: #d1c6d0; 
--primary-900: #f8f6f8; 
--secondary-100: #040f15; 
--secondary-200: #10202a; 
--secondary-300: #173141; 
--secondary-400: #1e435a; 
--secondary-500: #255674; 
--secondary-600: #5a7c94; 
--secondary-700: #8ca4b4; 
--secondary-800: #c0cdd7; 
--secondary-900: #f5f8fa; 
        }
        

        .themeable-homepage {
            --primary-100: #130711; 
--primary-200: #251823; 
--primary-300: #392536; 
--primary-400: #4e324a; 
--primary-500: #64405f; 
--primary-600: #876a83; 
--primary-700: #ab97a9; 
--primary-800: #d1c6d0; 
--primary-900: #f8f6f8; 
--secondary-100: #040f15; 
--secondary-200: #10202a; 
--secondary-300: #173141; 
--secondary-400: #1e435a; 
--secondary-500: #255674; 
--secondary-600: #5a7c94; 
--secondary-700: #8ca4b4; 
--secondary-800: #c0cdd7; 
--secondary-900: #f5f8fa; 
        }
        

        .themeable-email {
            --primary-100: #130711; 
--primary-200: #251823; 
--primary-300: #392536; 
--primary-400: #4e324a; 
--primary-500: #64405f; 
--primary-600: #876a83; 
--primary-700: #ab97a9; 
--primary-800: #d1c6d0; 
--primary-900: #f8f6f8; 
--secondary-100: #040f15; 
--secondary-200: #10202a; 
--secondary-300: #173141; 
--secondary-400: #1e435a; 
--secondary-500: #255674; 
--secondary-600: #5a7c94; 
--secondary-700: #8ca4b4; 
--secondary-800: #c0cdd7; 
--secondary-900: #f5f8fa; 
        }