body,
body.light {
  --md-sys-color-primary: #1D4472;
  --md-sys-color-primary-container: #5376A7;
  --md-sys-color-primary-fixed: #5376A7;
  --md-sys-color-primary-fixed-dim: #395D8D;
  --md-sys-color-on-primary: #FFFFFF;
  --md-sys-color-on-primary-container: #FFFFFF;
  --md-sys-color-on-primary-fixed: #FFFFFF;
  --md-sys-color-on-primary-fixed-variant: #FFFFFF;
  --md-sys-color-inverse-primary: #A5C8FF;

  --md-sys-color-secondary: #394354;
  --md-sys-color-secondary-container: #6B7588;
  --md-sys-color-secondary-fixed: #6B7588;
  --md-sys-color-secondary-fixed-dim: #525C6E;
  --md-sys-color-on-secondary: #FFFFFF;
  --md-sys-color-on-secondary-container: #FFFFFF;
  --md-sys-color-on-secondary-fixed: #FFFFFF;
  --md-sys-color-on-secondary-fixed-variant: #FFFFFF;

  --md-sys-color-tertiary: #004C45;
  --md-sys-color-tertiary-container: #278178;
  --md-sys-color-tertiary-fixed: #278178;
  --md-sys-color-tertiary-fixed-dim: #00685F;
  --md-sys-color-on-tertiary: #FFFFFF;
  --md-sys-color-on-tertiary-container: #FFFFFF;
  --md-sys-color-on-tertiary-fixed: #FFFFFF;
  --md-sys-color-on-tertiary-fixed-variant: #FFFFFF;

  --md-sys-color-error: #6E302B;
  --md-sys-color-error-container: #AA6058;
  --md-sys-color-on-error: #FFFFFF;
  --md-sys-color-on-error-container: #FFFFFF;

  --md-sys-color-background: #F9F9FF;
  --md-sys-color-on-background: #191C20;

  --md-sys-color-surface: #F9F9FF;
  --md-sys-color-surface-container-lowest: #FFFFFF;
  --md-sys-color-surface-container-low: #F2F3FA;
  --md-sys-color-surface-container: #EDEDF4;
  --md-sys-color-surface-container-high: #E7E8EE;
  --md-sys-color-surface-container-highest: #E1E2E9;
  --md-sys-color-surface-tint: #3C6090;
  --md-sys-color-surface-variant: #E0E2EC;
  --md-sys-color-surface-dim: #D9DAE0;
  --md-sys-color-surface-bright: #F9F9FF;
  --md-sys-color-on-surface: #191C20;
  --md-sys-color-on-surface-variant: #3F434A;
  --md-sys-color-inverse-surface: #2E3035;
  --md-sys-color-inverse-on-surface: #F0F0F7;

  --md-sys-color-outline: #5B5F67;
  --md-sys-color-outline-variant: #777B83;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
}

body.dark {
  --md-sys-color-primary: #ADCCFF;
  --md-sys-color-primary-container: #7092C5;
  --md-sys-color-primary-fixed: #D4E3FF;
  --md-sys-color-primary-fixed-dim: #A5C8FF;
  --md-sys-color-on-primary: #001631;
  --md-sys-color-on-primary-container: #000000;
  --md-sys-color-on-primary-fixed: #001128;
  --md-sys-color-on-primary-fixed-variant: #0A3764;
  --md-sys-color-inverse-primary: #234977;

  --md-sys-color-secondary: #C1CBE0;
  --md-sys-color-secondary-container: #8791A4;
  --md-sys-color-secondary-fixed: #D8E3F8;
  --md-sys-color-secondary-fixed-dim: #BCC7DC;
  --md-sys-color-on-secondary: #0C1726;
  --md-sys-color-on-secondary-container: #000000;
  --md-sys-color-on-secondary-fixed: #071120;
  --md-sys-color-on-secondary-fixed-variant: #2C3747;

  --md-sys-color-tertiary: #86DACE;
  --md-sys-color-tertiary-container: #499E94;
  --md-sys-color-tertiary-fixed: #9EF2E5;
  --md-sys-color-tertiary-fixed-dim: #82D5C9;
  --md-sys-color-on-tertiary: #001A17;
  --md-sys-color-on-tertiary-container: #000000;
  --md-sys-color-on-tertiary-fixed: #001512;
  --md-sys-color-on-tertiary-fixed-variant: #003E38;

  --md-sys-color-error: #FFBAB2;
  --md-sys-color-error-container: #CC7B73;
  --md-sys-color-on-error: #330404;
  --md-sys-color-on-error-container: #000000;

  --md-sys-color-background: #111318;
  --md-sys-color-on-background: #E1E2E9;

  --md-sys-color-surface: #111318;
  --md-sys-color-surface-container-lowest: #0C0E13;
  --md-sys-color-surface-container-low: #191C20;
  --md-sys-color-surface-container: #1D2024;
  --md-sys-color-surface-container-high: #282A2F;
  --md-sys-color-surface-container-highest: #32353A;
  --md-sys-color-surface-tint: #A5C8FF;
  --md-sys-color-surface-variant: #43474E;
  --md-sys-color-surface-dim: #111318;
  --md-sys-color-surface-bright: #37393E;
  --md-sys-color-on-surface: #FBFAFF;
  --md-sys-color-on-surface-variant: #C8CAD4;
  --md-sys-color-inverse-surface: #E1E2E9;
  --md-sys-color-inverse-on-surface: #282A2F;

  --md-sys-color-outline: #A0A3AB;
  --md-sys-color-outline-variant: #80838B;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
}

@media (prefers-color-scheme: dark) {
  body:not(.light) {
    --md-sys-color-primary: #ADCCFF;
    --md-sys-color-primary-container: #7092C5;
    --md-sys-color-primary-fixed: #D4E3FF;
    --md-sys-color-primary-fixed-dim: #A5C8FF;
    --md-sys-color-on-primary: #001631;
    --md-sys-color-on-primary-container: #000000;
    --md-sys-color-on-primary-fixed: #001128;
    --md-sys-color-on-primary-fixed-variant: #0A3764;
    --md-sys-color-inverse-primary: #234977;

    --md-sys-color-secondary: #C1CBE0;
    --md-sys-color-secondary-container: #8791A4;
    --md-sys-color-secondary-fixed: #D8E3F8;
    --md-sys-color-secondary-fixed-dim: #BCC7DC;
    --md-sys-color-on-secondary: #0C1726;
    --md-sys-color-on-secondary-container: #000000;
    --md-sys-color-on-secondary-fixed: #071120;
    --md-sys-color-on-secondary-fixed-variant: #2C3747;

    --md-sys-color-tertiary: #86DACE;
    --md-sys-color-tertiary-container: #499E94;
    --md-sys-color-tertiary-fixed: #9EF2E5;
    --md-sys-color-tertiary-fixed-dim: #82D5C9;
    --md-sys-color-on-tertiary: #001A17;
    --md-sys-color-on-tertiary-container: #000000;
    --md-sys-color-on-tertiary-fixed: #001512;
    --md-sys-color-on-tertiary-fixed-variant: #003E38;

    --md-sys-color-error: #FFBAB2;
    --md-sys-color-error-container: #CC7B73;
    --md-sys-color-on-error: #330404;
    --md-sys-color-on-error-container: #000000;

    --md-sys-color-background: #111318;
    --md-sys-color-on-background: #E1E2E9;

    --md-sys-color-surface: #111318;
    --md-sys-color-surface-container-lowest: #0C0E13;
    --md-sys-color-surface-container-low: #191C20;
    --md-sys-color-surface-container: #1D2024;
    --md-sys-color-surface-container-high: #282A2F;
    --md-sys-color-surface-container-highest: #32353A;
    --md-sys-color-surface-tint: #A5C8FF;
    --md-sys-color-surface-variant: #43474E;
    --md-sys-color-surface-dim: #111318;
    --md-sys-color-surface-bright: #37393E;
    --md-sys-color-on-surface: #FBFAFF;
    --md-sys-color-on-surface-variant: #C8CAD4;
    --md-sys-color-inverse-surface: #E1E2E9;
    --md-sys-color-inverse-on-surface: #282A2F;

    --md-sys-color-outline: #A0A3AB;
    --md-sys-color-outline-variant: #80838B;
    --md-sys-color-shadow: #000000;
    --md-sys-color-scrim: #000000;
  }
}