:root{
            --primary: #A1DED2;                      
            --on-primary: #232121;
            --primary-accent: #006047;
            --on-primary-accent: #d9f2ee;
            --secondary: #FFDF1C;
            --on-secondary: #000000;
            --secondary-accent: #ff8300;
            --on-secondary-accent: #fffee7;
            --background: #FFFFFF;
            --on-background: #333333;
            --surface: #FFFFFF;
            --on-surface: #333333;
            --error: #D80404;
            --on-error: #ffffff;
            --selection: #d9f2ee;
            --on-selection: #006047;
            
            --primary-50: #d9f2ee;
--primary-100: #a1ded2;
--primary-200: #67c7b5;
--primary-300: #28af98;
--primary-400: #009e83;
--primary-500: #008c70;
--primary-600: #007f64;
--primary-700: #007055;
--primary-800: #006047;
--primary-900: #00442d;
            
            --secondary-50: #fffee7;
--secondary-100: #fefbc2;
--secondary-200: #fcf797;
--secondary-300: #faf36b;
--secondary-400: #f7ef45;
--secondary-500: #f4ea0f;
--secondary-600: #ffe11c;
--secondary-700: #ffc80c;
--secondary-800: #ffaf00;
--secondary-900: #ff8300;
            
            --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);
        }