:root {

  color-scheme: light dark;
  font-family: sans-serif;

  --md-sys-color-primary: #5D5E5F;
--md-sys-color-surface-tint: #5D5E5F;
--md-sys-color-on-primary: #FFFFFF;
--md-sys-color-primary-container: #CACACA;
--md-sys-color-on-primary-container: #373939;
--md-sys-color-secondary: #5F5E5E;
--md-sys-color-on-secondary: #FFFFFF;
--md-sys-color-secondary-container: #E8E6E5;
--md-sys-color-on-secondary-container: #4A4A4A;
--md-sys-color-tertiary: #605E5F;
--md-sys-color-on-tertiary: #FFFFFF;
--md-sys-color-tertiary-container: #CDC9CB;
--md-sys-color-on-tertiary-container: #3A383A;
--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: #FCF8F8;
--md-sys-color-on-background: #1C1B1B;
--md-sys-color-surface: #FCF8F8;
--md-sys-color-on-surface: #1C1B1B;
--md-sys-color-surface-variant: #E0E3E3;
--md-sys-color-on-surface-variant: #444748;
--md-sys-color-outline: #747878;
--md-sys-color-outline-variant: #C4C7C7;
--md-sys-color-shadow: #000000;
--md-sys-color-scrim: #000000;
--md-sys-color-inverse-surface: #313030;
--md-sys-color-inverse-on-surface: #F4F0EF;
--md-sys-color-inverse-primary: #C6C6C6;
--md-sys-color-primary-fixed: #E3E2E2;
--md-sys-color-on-primary-fixed: #1A1C1C;
--md-sys-color-primary-fixed-dim: #C6C6C6;
--md-sys-color-on-primary-fixed-variant: #464747;
--md-sys-color-secondary-fixed: #E4E2E1;
--md-sys-color-on-secondary-fixed: #1B1C1C;
--md-sys-color-secondary-fixed-dim: #C8C6C6;
--md-sys-color-on-secondary-fixed-variant: #474747;
--md-sys-color-tertiary-fixed: #E6E1E3;
--md-sys-color-on-tertiary-fixed: #1C1B1D;
--md-sys-color-tertiary-fixed-dim: #C9C5C7;
--md-sys-color-on-tertiary-fixed-variant: #484648;
--md-sys-color-surface-dim: #DDD9D9;
--md-sys-color-surface-bright: #FCF8F8;
--md-sys-color-surface-container-lowest: #FFFFFF;
--md-sys-color-surface-container-low: #F7F3F2;
--md-sys-color-surface-container: #F1EDED;
--md-sys-color-surface-container-high: #EBE7E7;
--md-sys-color-surface-container-highest: #E5E2E1;


}

@media (prefers-color-scheme: dark) {

  :root {
    
    --md-sys-color-primary: #E6E6E6;
--md-sys-color-surface-tint: #C6C6C6;
--md-sys-color-on-primary: #2F3131;
--md-sys-color-primary-container: #BCBCBC;
--md-sys-color-on-primary-container: #2E2F2F;
--md-sys-color-secondary: #C8C6C6;
--md-sys-color-on-secondary: #303030;
--md-sys-color-secondary-container: #3D3D3D;
--md-sys-color-on-secondary-container: #D2D0D0;
--md-sys-color-tertiary: #EAE6E8;
--md-sys-color-on-tertiary: #313032;
--md-sys-color-tertiary-container: #C0BCBE;
--md-sys-color-on-tertiary-container: #302F31;
--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: #141313;
--md-sys-color-on-background: #E5E2E1;
--md-sys-color-surface: #141313;
--md-sys-color-on-surface: #E5E2E1;
--md-sys-color-surface-variant: #444748;
--md-sys-color-on-surface-variant: #C4C7C7;
--md-sys-color-outline: #8E9192;
--md-sys-color-outline-variant: #444748;
--md-sys-color-shadow: #000000;
--md-sys-color-scrim: #000000;
--md-sys-color-inverse-surface: #E5E2E1;
--md-sys-color-inverse-on-surface: #313030;
--md-sys-color-inverse-primary: #5D5E5F;
--md-sys-color-primary-fixed: #E3E2E2;
--md-sys-color-on-primary-fixed: #1A1C1C;
--md-sys-color-primary-fixed-dim: #C6C6C6;
--md-sys-color-on-primary-fixed-variant: #464747;
--md-sys-color-secondary-fixed: #E4E2E1;
--md-sys-color-on-secondary-fixed: #1B1C1C;
--md-sys-color-secondary-fixed-dim: #C8C6C6;
--md-sys-color-on-secondary-fixed-variant: #474747;
--md-sys-color-tertiary-fixed: #E6E1E3;
--md-sys-color-on-tertiary-fixed: #1C1B1D;
--md-sys-color-tertiary-fixed-dim: #C9C5C7;
--md-sys-color-on-tertiary-fixed-variant: #484648;
--md-sys-color-surface-dim: #141313;
--md-sys-color-surface-bright: #3A3939;
--md-sys-color-surface-container-lowest: #0E0E0E;
--md-sys-color-surface-container-low: #1C1B1B;
--md-sys-color-surface-container: #201F1F;
--md-sys-color-surface-container-high: #2A2A2A;
--md-sys-color-surface-container-highest: #353434;


}

}


@media (prefers-color-scheme: light) {

  :root {
   
    --md-sys-color-primary: #5D5E5F;
    --md-sys-color-surface-tint: #5D5E5F;
    --md-sys-color-on-primary: #FFFFFF;
--md-sys-color-primary-container: #CACACA;
--md-sys-color-on-primary-container: #373939;
--md-sys-color-secondary: #5F5E5E;
--md-sys-color-on-secondary: #FFFFFF;
--md-sys-color-secondary-container: #E8E6E5;
--md-sys-color-on-secondary-container: #4A4A4A;
--md-sys-color-tertiary: #605E5F;
--md-sys-color-on-tertiary: #FFFFFF;
--md-sys-color-tertiary-container: #CDC9CB;
--md-sys-color-on-tertiary-container: #3A383A;
--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: #FCF8F8;
--md-sys-color-on-background: #1C1B1B;
--md-sys-color-surface: #FCF8F8;
--md-sys-color-on-surface: #1C1B1B;
--md-sys-color-surface-variant: #E0E3E3;
--md-sys-color-on-surface-variant: #444748;
--md-sys-color-outline: #747878;
--md-sys-color-outline-variant: #C4C7C7;
--md-sys-color-shadow: #000000;
--md-sys-color-scrim: #000000;
--md-sys-color-inverse-surface: #313030;
--md-sys-color-inverse-on-surface: #F4F0EF;
--md-sys-color-inverse-primary: #C6C6C6;
--md-sys-color-primary-fixed: #E3E2E2;
--md-sys-color-on-primary-fixed: #1A1C1C;
--md-sys-color-primary-fixed-dim: #C6C6C6;
--md-sys-color-on-primary-fixed-variant: #464747;
--md-sys-color-secondary-fixed: #E4E2E1;
--md-sys-color-on-secondary-fixed: #1B1C1C;
--md-sys-color-secondary-fixed-dim: #C8C6C6;
--md-sys-color-on-secondary-fixed-variant: #474747;
--md-sys-color-tertiary-fixed: #E6E1E3;
--md-sys-color-on-tertiary-fixed: #1C1B1D;
--md-sys-color-tertiary-fixed-dim: #C9C5C7;
--md-sys-color-on-tertiary-fixed-variant: #484648;
--md-sys-color-surface-dim: #DDD9D9;
--md-sys-color-surface-bright: #FCF8F8;
--md-sys-color-surface-container-lowest: #FFFFFF;
--md-sys-color-surface-container-low: #F7F3F2;
--md-sys-color-surface-container: #F1EDED;
--md-sys-color-surface-container-high: #EBE7E7;
--md-sys-color-surface-container-highest: #E5E2E1;

  }

}