:root{
            --primary: #cdf4e9;                      
            --on-primary: #121414;
            --primary-accent: #52836b;
            --on-primary-accent: #ebfbf7;
            --secondary: #ebc3e3;
            --on-secondary: #403e3e;
            --secondary-accent: #9f219c;
            --on-secondary-accent: #f7e7f3;
            --background: #ffffff;
            --on-background: #333333;
            --surface: #ffffff;
            --on-surface: #333333;
            --error: #D80404;
            --on-error: #ffffff;
            --selection: #ebfbf7;
            --on-selection: #60a288;
            
            --primary-50: #ebfbf7;
--primary-100: #cdf4e9;
--primary-200: #afefdc;
--primary-300: #92e7cd;
--primary-400: #80dec1;
--primary-500: #79d6b6;
--primary-600: #71c6a7;
--primary-700: #68b396;
--primary-800: #60a288;
--primary-900: #52836b;
            
            --secondary-50: #f7e7f3;
--secondary-100: #ebc3e3;
--secondary-200: #e09ad3;
--secondary-300: #d470c2;
--secondary-400: #ca4eb5;
--secondary-500: #bf2da9;
--secondary-600: #b129a4;
--secondary-700: #9f219c;
--secondary-800: #8f1c95;
--secondary-900: #721288;
            
            --on-bg-high-emphasis: rgba(51,51,51,0.87058824);
            --on-bg-med-emphasis: rgba(51,51,51,0.6);
            --on-bg-dis-emphasis: rgba(51,51,51,0.3019608);
        }