/* Default Theme: Blue */
:root,
body[data-theme="blue"] {
  --md-sys-color-primary: #0284c7;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #cff2ff;
  --md-sys-color-on-primary-container: #001f2a;
  --md-sys-color-secondary: #4d616c;
  --md-sys-color-on-secondary: #ffffff;
  --md-sys-color-secondary-container: #d0e6f2;
  --md-sys-color-on-secondary-container: #081e27;
  --md-sys-color-tertiary: #5d5b7d;
  --md-sys-color-on-tertiary: #ffffff;
  --md-sys-color-tertiary-container: #e3dfff;
  --md-sys-color-on-tertiary-container: #1a1836;
  --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: #f8fafc;
  --md-sys-color-on-background: #191c1e;
  --md-sys-color-surface: #f8fafc;
  --md-sys-color-on-surface: #191c1e;
  --md-sys-color-surface-variant: #dde3e8;
  --md-sys-color-on-surface-variant: #41484d;
  --md-sys-color-outline: #71787e;
  --md-sys-color-outline-variant: #c1c7ce;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-inverse-surface: #2e3133;
  --md-sys-color-on-inverse-surface: #f0f1f3;
  --md-sys-color-inverse-primary: #95ccf5;
}

body[data-theme="blue"].dark {
  --md-sys-color-primary: #95ccf5;
  --md-sys-color-on-primary: #00344c;
  --md-sys-color-primary-container: #004c6c;
  --md-sys-color-on-primary-container: #cff2ff;
  --md-sys-color-secondary: #b4cad6;
  --md-sys-color-on-secondary: #1f333d;
  --md-sys-color-secondary-container: #354954;
  --md-sys-color-on-secondary-container: #d0e6f2;
  --md-sys-color-tertiary: #c6c2e9;
  --md-sys-color-on-tertiary: #2f2d4d;
  --md-sys-color-tertiary-container: #454364;
  --md-sys-color-on-tertiary-container: #e3dfff;
  --md-sys-color-error: #ffb4ab;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #93000a;
  --md-sys-color-on-error-container: #ffb4ab;
  --md-sys-color-background: #191c1e;
  --md-sys-color-on-background: #e1e2e4;
  --md-sys-color-surface: #191c1e;
  --md-sys-color-on-surface: #e1e2e4;
  --md-sys-color-surface-variant: #41484d;
  --md-sys-color-on-surface-variant: #c1c7ce;
  --md-sys-color-outline: #8b9297;
  --md-sys-color-outline-variant: #41484d;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-inverse-surface: #e1e2e4;
  --md-sys-color-on-inverse-surface: #2e3133;
  --md-sys-color-inverse-primary: #00658e;
}

/* Theme: Green */
body[data-theme="green"] {
  --md-sys-color-primary: #166534;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #a4f2bc;
  --md-sys-color-on-primary-container: #00210f;
  --md-sys-color-secondary: #4d6352;
  --md-sys-color-on-secondary: #ffffff;
  --md-sys-color-secondary-container: #d0e8d3;
  --md-sys-color-on-secondary-container: #0a1f11;
  --md-sys-color-tertiary: #3b6470;
  --md-sys-color-on-tertiary: #ffffff;
  --md-sys-color-tertiary-container: #beeaf6;
  --md-sys-color-on-tertiary-container: #001f28;
  --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: #f6fbf7;
  --md-sys-color-on-background: #191d1a;
  --md-sys-color-surface: #f6fbf7;
  --md-sys-color-on-surface: #191d1a;
  --md-sys-color-surface-variant: #dce5da;
  --md-sys-color-on-surface-variant: #404940;
  --md-sys-color-outline: #707970;
  --md-sys-color-outline-variant: #c2cbc2;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-inverse-surface: #2d322e;
  --md-sys-color-on-inverse-surface: #eff3ef;
  --md-sys-color-inverse-primary: #89d49f;
}

body[data-theme="green"].dark {
  --md-sys-color-primary: #89d49f;
  --md-sys-color-on-primary: #00391d;
  --md-sys-color-primary-container: #00522a;
  --md-sys-color-on-primary-container: #a4f2bc;
  --md-sys-color-secondary: #b5ccb7;
  --md-sys-color-on-secondary: #193225;
  --md-sys-color-secondary-container: #314b3a;
  --md-sys-color-on-secondary-container: #d0e8d3;
  --md-sys-color-tertiary: #a2ceda;
  --md-sys-color-on-tertiary: #01343f;
  --md-sys-color-tertiary-container: #204c56;
  --md-sys-color-on-tertiary-container: #beeaf6;
  --md-sys-color-error: #ffb4ab;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #93000a;
  --md-sys-color-on-error-container: #ffb4ab;
  --md-sys-color-background: #101512;
  --md-sys-color-on-background: #dbe0db;
  --md-sys-color-surface: #101512;
  --md-sys-color-on-surface: #dbe0db;
  --md-sys-color-surface-variant: #404940;
  --md-sys-color-on-surface-variant: #c2cbc2;
  --md-sys-color-outline: #8a9389;
  --md-sys-color-outline-variant: #404940;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-inverse-surface: #dbe0db;
  --md-sys-color-on-inverse-surface: #101512;
  --md-sys-color-inverse-primary: #166534;
}

/* Theme: Purple */
body[data-theme="purple"] {
  --md-sys-color-primary: #7e22ce;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #f0dbff;
  --md-sys-color-on-primary-container: #2d0051;
  --md-sys-color-secondary: #625b70;
  --md-sys-color-on-secondary: #ffffff;
  --md-sys-color-secondary-container: #e7def8;
  --md-sys-color-on-secondary-container: #1e182b;
  --md-sys-color-tertiary: #7b5264;
  --md-sys-color-on-tertiary: #ffffff;
  --md-sys-color-tertiary-container: #ffd9e7;
  --md-sys-color-on-tertiary-container: #2f1024;
  --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: #fbf7ff;
  --md-sys-color-on-background: #1d1a22;
  --md-sys-color-surface: #fbf7ff;
  --md-sys-color-on-surface: #1d1a22;
  --md-sys-color-surface-variant: #e5e0ed;
  --md-sys-color-on-surface-variant: #474151;
  --md-sys-color-outline: #787182;
  --md-sys-color-outline-variant: #c9c3d3;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-inverse-surface: #322f38;
  --md-sys-color-on-inverse-surface: #f2edf9;
  --md-sys-color-inverse-primary: #debafe;
}

body[data-theme="purple"].dark {
  --md-sys-color-primary: #debafe;
  --md-sys-color-on-primary: #450080;
  --md-sys-color-primary-container: #6200b0;
  --md-sys-color-on-primary-container: #f0dbff;
  --md-sys-color-secondary: #cac2d8;
  --md-sys-color-on-secondary: #312a3e;
  --md-sys-color-secondary-container: #484055;
  --md-sys-color-on-secondary-container: #e7def8;
  --md-sys-color-tertiary: #efb7ce;
  --md-sys-color-on-tertiary: #472539;
  --md-sys-color-tertiary-container: #613b50;
  --md-sys-color-on-tertiary-container: #ffd9e7;
  --md-sys-color-error: #ffb4ab;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #93000a;
  --md-sys-color-on-error-container: #ffb4ab;
  --md-sys-color-background: #15121a;
  --md-sys-color-on-background: #e6e0ed;
  --md-sys-color-surface: #15121a;
  --md-sys-color-on-surface: #e6e0ed;
  --md-sys-color-surface-variant: #474151;
  --md-sys-color-on-surface-variant: #c9c3d3;
  --md-sys-color-outline: #928ca0;
  --md-sys-color-outline-variant: #474151;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-inverse-surface: #e6e0ed;
  --md-sys-color-on-inverse-surface: #15121a;
  --md-sys-color-inverse-primary: #7e22ce;
}

/* Theme: Orange */
body[data-theme="orange"] {
  --md-sys-color-primary: #ea580c;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #ffddb7;
  --md-sys-color-on-primary-container: #361000;
  --md-sys-color-secondary: #77574a;
  --md-sys-color-on-secondary: #ffffff;
  --md-sys-color-secondary-container: #ffdcc8;
  --md-sys-color-on-secondary-container: #2c160b;
  --md-sys-color-tertiary: #6b5d2f;
  --md-sys-color-on-tertiary: #ffffff;
  --md-sys-color-tertiary-container: #f5e3a6;
  --md-sys-color-on-tertiary-container: #231b00;
  --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: #fdf4ed;
  --md-sys-color-on-background: #201a17;
  --md-sys-color-surface: #fdf4ed;
  --md-sys-color-on-surface: #201a17;
  --md-sys-color-surface-variant: #f0ded5;
  --md-sys-color-on-surface-variant: #50443c;
  --md-sys-color-outline: #827067;
  --md-sys-color-outline-variant: #d2c3ba;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-inverse-surface: #352f2b;
  --md-sys-color-on-inverse-surface: #fbeee6;
  --md-sys-color-inverse-primary: #ffb68a;
}

body[data-theme="orange"].dark {
  --md-sys-color-primary: #ffb68a;
  --md-sys-color-on-primary: #561f00;
  --md-sys-color-primary-container: #7a2f00;
  --md-sys-color-on-primary-container: #ffddb7;
  --md-sys-color-secondary: #e7bdb0;
  --md-sys-color-on-secondary: #432a1f;
  --md-sys-color-secondary-container: #5d4033;
  --md-sys-color-on-secondary-container: #ffdcc8;
  --md-sys-color-tertiary: #d8c78f;
  --md-sys-color-on-tertiary: #3a2f05;
  --md-sys-color-tertiary-container: #54451a;
  --md-sys-color-on-tertiary-container: #f5e3a6;
  --md-sys-color-error: #ffb4ab;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #93000a;
  --md-sys-color-on-error-container: #ffb4ab;
  --md-sys-color-background: #1a120d;
  --md-sys-color-on-background: #eddcd3;
  --md-sys-color-surface: #1a120d;
  --md-sys-color-on-surface: #eddcd3;
  --md-sys-color-surface-variant: #50443c;
  --md-sys-color-on-surface-variant: #d2c3ba;
  --md-sys-color-outline: #9c8c83;
  --md-sys-color-outline-variant: #50443c;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-inverse-surface: #eddcd3;
  --md-sys-color-on-inverse-surface: #1a120d;
  --md-sys-color-inverse-primary: #ea580c;
}