:root{
            --primary: #A3BBAF;                      
            --on-primary: #ffffff;
            --primary-accent: #000c00;
            --on-primary-accent: #d9e3df;
            --secondary: #b5e3af;
            --on-secondary: #000000;
            --secondary-accent: #38722c;
            --on-secondary-accent: #ecf8eb;
            --background: #FFFFFF;
            --on-background: #333333;
            --surface: #FFFFFF;
            --on-surface: #333333;
            --error: #D80404;
            --on-error: #ffffff;
            --selection: #d9e3df;
            --on-selection: #001800;
            
            --primary-50: #d9e3df;
--primary-100: #a3bbaf;
--primary-200: #68907c;
--primary-300: #31694e;
--primary-400: #0c5032;
--primary-500: #00371a;
--primary-600: #002e13;
--primary-700: #002307;
--primary-800: #001800;
--primary-900: #000c00;
            
            --secondary-50: #ecf8eb;
--secondary-100: #d2eece;
--secondary-200: #b5e3af;
--secondary-300: #98d98e;
--secondary-400: #82cf76;
--secondary-500: #6ec65d;
--secondary-600: #63b653;
--secondary-700: #57a348;
--secondary-800: #4c923e;
--secondary-900: #38722c;
            
            --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);
        }