:root{
            --primary: #58d152;                      
            --on-primary: #241616;
            --primary-accent: #007422;
            --on-primary-accent: #ecfaeb;
            --secondary: #8fe01d;
            --on-secondary: #000000;
            --secondary-accent: #0c8400;
            --on-secondary-accent: #f3fce7;
            --background: #ffffff;
            --on-background: #333333;
            --surface: #ffffff;
            --on-surface: #333333;
            --error: #e36868;
            --on-error: #261010;
            --selection: #ecfaeb;
            --on-selection: #119735;
            
            --primary-50: #ecfaeb;
--primary-100: #d1f2cc;
--primary-200: #b2e9ab;
--primary-300: #91e088;
--primary-400: #75d96c;
--primary-500: #58d152;
--primary-600: #49c04a;
--primary-700: #31ab3f;
--primary-800: #119735;
--primary-900: #007422;
            
            --secondary-50: #f3fce7;
--secondary-100: #e1f7c4;
--secondary-200: #ccf19e;
--secondary-300: #b5eb73;
--secondary-400: #a2e64d;
--secondary-500: #8fe01d;
--secondary-600: #7ecf12;
--secondary-700: #66ba00;
--secondary-800: #4da600;
--secondary-900: #0c8400;
            
            --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);
        }