:root {
  --md-sys-palettes: baseline #6750A4, azul #4285F4, vermelho #BE0E1D, verde #006D3B;
  
  --md-sys-color-primary:                  #6750A4;
  --md-sys-color-on-primary:               #FFFFFF;
  --md-sys-color-primary-container:        #EADDFF;
  --md-sys-color-on-primary-container:     #21005D;
  --md-sys-color-secondary:                #625B71;
  --md-sys-color-on-secondary:             #FFFFFF;
  --md-sys-color-secondary-container:      #E8DEF8;
  --md-sys-color-on-secondary-container:   #1D192B;
  --md-sys-color-tertiary:                 #7D5260;
  --md-sys-color-on-tertiary:              #FFFFFF;
  --md-sys-color-tertiary-container:       #FFD8E4;
  --md-sys-color-on-tertiary-container:    #31111D;
  --md-sys-color-error:                    #B3261E;
  --md-sys-color-on-error:                 #FFFFFF;
  --md-sys-color-error-container:          #F9DEDC;
  --md-sys-color-on-error-container:       #410E0B;
  --md-sys-color-background:               #FFFBFE;
  --md-sys-color-on-background:            #1C1B1F;
  --md-sys-color-surface:                  #FFFBFE;
  --md-sys-color-on-surface:               #1C1B1F;
  --md-sys-color-surface-variant:          #E7E0EC;
  --md-sys-color-on-surface-variant:       #49454F;
  --md-sys-color-surface-container-lowest: #FFFFFF;
  --md-sys-color-surface-container-low:    #F7F2FA;
  --md-sys-color-surface-container:        #F3EDF7;
  --md-sys-color-surface-container-high:   #ECE6F0;
  --md-sys-color-surface-container-highest:#E6E0E9;
  --md-sys-color-surface-bright:           #FFFBFE;
  --md-sys-color-surface-dim:              #DED8E1;
  --md-sys-color-inverse-surface:          #313033;
  --md-sys-color-inverse-on-surface:       #F4EFF4;
  --md-sys-color-inverse-primary:          #D0BCFF;
  --md-sys-color-outline:                  #79747E;
  --md-sys-color-outline-variant:          #CAC4D0;
  --md-sys-color-scrim:                    #000000;
  --md-sys-color-shadow:                   #000000;
}

[data-theme="dark"] {
  --md-sys-color-primary:                  #D0BCFF;
  --md-sys-color-on-primary:               #381E72;
  --md-sys-color-primary-container:        #4F378B;
  --md-sys-color-on-primary-container:     #EADDFF;
  --md-sys-color-secondary:                #CCC2DC;
  --md-sys-color-on-secondary:             #332D41;
  --md-sys-color-secondary-container:      #4A4458;
  --md-sys-color-on-secondary-container:   #E8DEF8;
  --md-sys-color-tertiary:                 #EFB8C8;
  --md-sys-color-on-tertiary:              #492532;
  --md-sys-color-tertiary-container:       #633B48;
  --md-sys-color-on-tertiary-container:    #FFD8E4;
  --md-sys-color-error:                    #F2B8B5;
  --md-sys-color-on-error:                 #601410;
  --md-sys-color-error-container:          #8C1D18;
  --md-sys-color-on-error-container:       #F9DEDC;
  --md-sys-color-background:               #1C1B1F;
  --md-sys-color-on-background:            #E6E1E5;
  --md-sys-color-surface:                  #1C1B1F;
  --md-sys-color-on-surface:               #E6E1E5;
  --md-sys-color-surface-variant:          #49454F;
  --md-sys-color-on-surface-variant:       #CAC4D0;
  --md-sys-color-surface-container-lowest: #0F0D13;
  --md-sys-color-surface-container-low:    #1D1B20;
  --md-sys-color-surface-container:        #211F26;
  --md-sys-color-surface-container-high:   #2B2930;
  --md-sys-color-surface-container-highest:#36343B;
  --md-sys-color-surface-bright:           #3B383E;
  --md-sys-color-surface-dim:              #1C1B1F;
  --md-sys-color-inverse-surface:          #E6E1E5;
  --md-sys-color-inverse-on-surface:       #313033;
  --md-sys-color-inverse-primary:          #6750A4;
  --md-sys-color-outline:                  #938F99;
  --md-sys-color-outline-variant:          #49454F;
  --md-sys-color-scrim:                    #000000;
  --md-sys-color-shadow:                   #000000;
}

[data-palette="azul"] {
  --md-sys-color-primary:                  #4285F4;
  --md-sys-color-on-primary:               #FFFFFF;
  --md-sys-color-primary-container:        #D4E3FF;
  --md-sys-color-on-primary-container:     #001D3F;
  --md-sys-color-secondary:                #565E71;
  --md-sys-color-on-secondary:             #FFFFFF;
  --md-sys-color-secondary-container:      #DBE2F9;
  --md-sys-color-on-secondary-container:   #131F2C;
  --md-sys-color-tertiary:                 #715574;
  --md-sys-color-on-tertiary:              #FFFFFF;
  --md-sys-color-tertiary-container:       #FBD7FC;
  --md-sys-color-on-tertiary-container:    #2A132D;
  --md-sys-color-error:                    #BA1A1A;
  --md-sys-color-on-error:                 #FFFFFF;
  --md-sys-color-error-container:          #FFDAD6;
  --md-sys-color-on-error-container:       #410002;
  --md-sys-color-background:               #FAFCFF;
  --md-sys-color-on-background:            #1A1C1E;
  --md-sys-color-surface:                  #FAFCFF;
  --md-sys-color-on-surface:               #1A1C1E;
  --md-sys-color-surface-variant:          #E0E2EC;
  --md-sys-color-on-surface-variant:       #434750;
  --md-sys-color-surface-container-lowest: #FFFFFF;
  --md-sys-color-surface-container-low:    #F4F6FA;
  --md-sys-color-surface-container:        #EEF0F4;
  --md-sys-color-surface-container-high:   #E8EAF0;
  --md-sys-color-surface-container-highest:#E3E5EB;
  --md-sys-color-surface-bright:           #FAFCFF;
  --md-sys-color-surface-dim:              #D8DAE1;
  --md-sys-color-inverse-surface:          #2F3033;
  --md-sys-color-inverse-on-surface:       #F0F0F7;
  --md-sys-color-inverse-primary:          #A8C8FF;
  --md-sys-color-outline:                  #73777F;
  --md-sys-color-outline-variant:          #C3C6CF;
  --md-sys-color-scrim:                    #000000;
  --md-sys-color-shadow:                   #000000;
}

[data-theme="dark"][data-palette="azul"] {
  --md-sys-color-primary:                  #A8C8FF;
  --md-sys-color-on-primary:               #003064;
  --md-sys-color-primary-container:        #00458E;
  --md-sys-color-on-primary-container:     #D4E3FF;
  --md-sys-color-secondary:                #BFC6DC;
  --md-sys-color-on-secondary:             #283041;
  --md-sys-color-secondary-container:      #3E4759;
  --md-sys-color-on-secondary-container:   #DBE2F9;
  --md-sys-color-tertiary:                 #DEBCD1;
  --md-sys-color-on-tertiary:              #402843;
  --md-sys-color-tertiary-container:       #583E5B;
  --md-sys-color-on-tertiary-container:    #FBD7FC;
  --md-sys-color-error:                    #FFB4AB;
  --md-sys-color-on-error:                 #690005;
  --md-sys-color-error-container:          #93000A;
  --md-sys-color-on-error-container:       #FFDAD6;
  --md-sys-color-background:               #1A1C1E;
  --md-sys-color-on-background:            #E2E2E6;
  --md-sys-color-surface:                  #1A1C1E;
  --md-sys-color-on-surface:               #E2E2E6;
  --md-sys-color-surface-variant:          #434750;
  --md-sys-color-on-surface-variant:       #C3C6CF;
  --md-sys-color-surface-container-lowest: #0F0D13;
  --md-sys-color-surface-container-low:    #1A1C1E;
  --md-sys-color-surface-container:        #1E2022;
  --md-sys-color-surface-container-high:   #282A2D;
  --md-sys-color-surface-container-highest:#333336;
  --md-sys-color-surface-bright:           #38393C;
  --md-sys-color-surface-dim:              #1A1C1E;
  --md-sys-color-inverse-surface:          #E2E2E6;
  --md-sys-color-inverse-on-surface:       #2F3033;
  --md-sys-color-inverse-primary:          #4285F4;
  --md-sys-color-outline:                  #8D9099;
  --md-sys-color-outline-variant:          #434750;
  --md-sys-color-scrim:                    #000000;
  --md-sys-color-shadow:                   #000000;
}

[data-palette="vermelho"] {
  --md-sys-color-primary:                  #BE0E1D;
  --md-sys-color-on-primary:               #FFFFFF;
  --md-sys-color-primary-container:        #FFDAD4;
  --md-sys-color-on-primary-container:     #410001;
  --md-sys-color-secondary:                #775651;
  --md-sys-color-on-secondary:             #FFFFFF;
  --md-sys-color-secondary-container:      #FFDAD4;
  --md-sys-color-on-secondary-container:   #2C1512;
  --md-sys-color-tertiary:                 #705C2E;
  --md-sys-color-on-tertiary:              #FFFFFF;
  --md-sys-color-tertiary-container:       #FBDFA6;
  --md-sys-color-on-tertiary-container:    #261A00;
  --md-sys-color-error:                    #BA1A1A;
  --md-sys-color-on-error:                 #FFFFFF;
  --md-sys-color-error-container:          #FFDAD6;
  --md-sys-color-on-error-container:       #410002;
  --md-sys-color-background:               #FFFBFF;
  --md-sys-color-on-background:            #201A19;
  --md-sys-color-surface:                  #FFFBFF;
  --md-sys-color-on-surface:               #201A19;
  --md-sys-color-surface-variant:          #F5DDDA;
  --md-sys-color-on-surface-variant:       #534341;
  --md-sys-color-surface-container-lowest: #FFFFFF;
  --md-sys-color-surface-container-low:    #FEF1EE;
  --md-sys-color-surface-container:        #F8EBE9;
  --md-sys-color-surface-container-high:   #F2E5E3;
  --md-sys-color-surface-container-highest:#ECE0DD;
  --md-sys-color-surface-bright:           #FFFBFF;
  --md-sys-color-surface-dim:              #E4D7D5;
  --md-sys-color-inverse-surface:          #362F2E;
  --md-sys-color-inverse-on-surface:       #FBEEEC;
  --md-sys-color-inverse-primary:          #FFB4A9;
  --md-sys-color-outline:                  #857370;
  --md-sys-color-outline-variant:          #D8C2BE;
  --md-sys-color-scrim:                    #000000;
  --md-sys-color-shadow:                   #000000;
}

[data-theme="dark"][data-palette="vermelho"] {
  --md-sys-color-primary:                  #FFB4A9;
  --md-sys-color-on-primary:               #690003;
  --md-sys-color-primary-container:        #930006;
  --md-sys-color-on-primary-container:     #FFDAD4;
  --md-sys-color-secondary:                #E7BDB7;
  --md-sys-color-on-secondary:             #442925;
  --md-sys-color-secondary-container:      #5D3F3B;
  --md-sys-color-on-secondary-container:   #FFDAD4;
  --md-sys-color-tertiary:                 #DEC38D;
  --md-sys-color-on-tertiary:              #3E2E04;
  --md-sys-color-tertiary-container:       #574419;
  --md-sys-color-on-tertiary-container:    #FBDFA6;
  --md-sys-color-error:                    #FFB4AB;
  --md-sys-color-on-error:                 #690005;
  --md-sys-color-error-container:          #93000A;
  --md-sys-color-on-error-container:       #FFDAD6;
  --md-sys-color-background:               #201A19;
  --md-sys-color-on-background:            #EDE0DD;
  --md-sys-color-surface:                  #201A19;
  --md-sys-color-on-surface:               #EDE0DD;
  --md-sys-color-surface-variant:          #534341;
  --md-sys-color-on-surface-variant:       #D8C2BE;
  --md-sys-color-surface-container-lowest: #140F0E;
  --md-sys-color-surface-container-low:    #201A19;
  --md-sys-color-surface-container:        #2A2322;
  --md-sys-color-surface-container-high:   #352E2C;
  --md-sys-color-surface-container-highest:#403937;
  --md-sys-color-surface-bright:           #3C3331;
  --md-sys-color-surface-dim:              #201A19;
  --md-sys-color-inverse-surface:          #EDE0DD;
  --md-sys-color-inverse-on-surface:       #362F2E;
  --md-sys-color-inverse-primary:          #BE0E1D;
  --md-sys-color-outline:                  #A08C89;
  --md-sys-color-outline-variant:          #534341;
  --md-sys-color-scrim:                    #000000;
  --md-sys-color-shadow:                   #000000;
}

[data-palette="verde"] {
  --md-sys-color-primary:                  #006D3B;
  --md-sys-color-on-primary:               #FFFFFF;
  --md-sys-color-primary-container:        #98F7B5;
  --md-sys-color-on-primary-container:     #00210E;
  --md-sys-color-secondary:                #4F6354;
  --md-sys-color-on-secondary:             #FFFFFF;
  --md-sys-color-secondary-container:      #D1E8D5;
  --md-sys-color-on-secondary-container:   #0C1F13;
  --md-sys-color-tertiary:                 #3A6470;
  --md-sys-color-on-tertiary:              #FFFFFF;
  --md-sys-color-tertiary-container:       #BDEAF8;
  --md-sys-color-on-tertiary-container:    #001F27;
  --md-sys-color-error:                    #BA1A1A;
  --md-sys-color-on-error:                 #FFFFFF;
  --md-sys-color-error-container:          #FFDAD6;
  --md-sys-color-on-error-container:       #410002;
  --md-sys-color-background:               #FCFDF7;
  --md-sys-color-on-background:            #1A1C19;
  --md-sys-color-surface:                  #FCFDF7;
  --md-sys-color-on-surface:               #1A1C19;
  --md-sys-color-surface-variant:          #DDE5DA;
  --md-sys-color-on-surface-variant:       #414942;
  --md-sys-color-surface-container-lowest: #FFFFFF;
  --md-sys-color-surface-container-low:    #F6F7F2;
  --md-sys-color-surface-container:        #F1F2EC;
  --md-sys-color-surface-container-high:   #EBECE7;
  --md-sys-color-surface-container-highest:#E5E7E1;
  --md-sys-color-surface-bright:           #FCFDF7;
  --md-sys-color-surface-dim:              #DBDCD6;
  --md-sys-color-inverse-surface:          #2F312D;
  --md-sys-color-inverse-on-surface:       #F0F1EB;
  --md-sys-color-inverse-primary:          #7CDA9B;
  --md-sys-color-outline:                  #717970;
  --md-sys-color-outline-variant:          #C1C9BE;
  --md-sys-color-scrim:                    #000000;
  --md-sys-color-shadow:                   #000000;
}

[data-theme="dark"][data-palette="verde"] {
  --md-sys-color-primary:                  #7CDA9B;
  --md-sys-color-on-primary:               #00391C;
  --md-sys-color-primary-container:        #00522B;
  --md-sys-color-on-primary-container:     #98F7B5;
  --md-sys-color-secondary:                #B5CCBA;
  --md-sys-color-on-secondary:             #213528;
  --md-sys-color-secondary-container:      #374B3E;
  --md-sys-color-on-secondary-container:   #D1E8D5;
  --md-sys-color-tertiary:                 #A2CEDD;
  --md-sys-color-on-tertiary:              #033641;
  --md-sys-color-tertiary-container:       #204C58;
  --md-sys-color-on-tertiary-container:    #BDEAF8;
  --md-sys-color-error:                    #FFB4AB;
  --md-sys-color-on-error:                 #690005;
  --md-sys-color-error-container:          #93000A;
  --md-sys-color-on-error-container:       #FFDAD6;
  --md-sys-color-background:               #1A1C19;
  --md-sys-color-on-background:            #E2E3DD;
  --md-sys-color-surface:                  #1A1C19;
  --md-sys-color-on-surface:               #E2E3DD;
  --md-sys-color-surface-variant:          #414942;
  --md-sys-color-on-surface-variant:       #C1C9BE;
  --md-sys-color-surface-container-lowest: #151713;
  --md-sys-color-surface-container-low:    #1A1C19;
  --md-sys-color-surface-container:        #252723;
  --md-sys-color-surface-container-high:   #2F312E;
  --md-sys-color-surface-container-highest:#3A3C38;
  --md-sys-color-surface-bright:           #3B3E38;
  --md-sys-color-surface-dim:              #1A1C19;
  --md-sys-color-inverse-surface:          #E2E3DD;
  --md-sys-color-inverse-on-surface:       #2F312D;
  --md-sys-color-inverse-primary:          #006D3B;
  --md-sys-color-outline:                  #8B9388;
  --md-sys-color-outline-variant:          #414942;
  --md-sys-color-scrim:                    #000000;
  --md-sys-color-shadow:                   #000000;
}