:root{
            --primary: #97BF89;                      
            --on-primary: #092F12;
            --primary-accent: #38572a;
            --on-primary-accent: #ebf3e9;
            --secondary: #97BE8E;
            --on-secondary: #09230A;
            --secondary-accent: #38552f;
            --on-secondary-accent: #ebf3ea;
            --background: #FFFFFF;
            --on-background: #333333;
            --surface: #FFFFFF;
            --on-surface: #333333;
            --error: #FF4835;
            --on-error: #ffffff;
            --selection: #ebf3e9;
            --on-selection: #4d753b;
            
            --primary-50: #ebf3e9;
--primary-100: #d0e2ca;
--primary-200: #b3d0aa;
--primary-300: #97bf89;
--primary-400: #84b271;
--primary-500: #6fa657;
--primary-600: #65974e;
--primary-700: #598644;
--primary-800: #4d753b;
--primary-900: #38572a;
            
            --secondary-50: #ebf3ea;
--secondary-100: #d0e2cc;
--secondary-200: #b3cfad;
--secondary-300: #97be8e;
--secondary-400: #83b178;
--secondary-500: #6ea55e;
--secondary-600: #649655;
--secondary-700: #58844a;
--secondary-800: #4d7441;
--secondary-900: #38552f;
            
            --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);
        }