root,
body.dark{
    --primary: #c0c1ff;
    --on-primary: #0b00aa;
    --primary-container: #2b2dc1;
    --on-primary-container: #e1e0ff;
    --secondary: #c5c4dd;
    --on-secondary: #2e2f42;
    --secondary-container: #454559;
    --on-secondary-container: #e2e0f9;
    --tertiary: #e8b9d4;
    --on-tertiary: #46263b;
    --tertiary-container: #5f3c52;
    --on-tertiary-container: #ffd8ed;
    --error: #ffb4ab;
    --on-error: #690005;
    --error-container: #93000a;
    --on-error-container: #ffb4ab;
    --background: #1c1b1f;
    --on-background: #e5e1e6;
    --surface: #131316;
    --on-surface: #e5e1e6;
    --surface-variant: #46464f;
    --on-surface-variant: #c7c5d0;
    --outline: #918f9a;
    --outline-variant: #46464f;
    --shadow: #000000;
    --scrim: #000000;
    --inverse-surface: #e5e1e6;
    --inverse-on-surface: #313034;
    --inverse-primary: #464ad9;
    --surface-dim: #131316;
    --surface-bright: #39393c;
    --surface-container-lowest: #0e0e11;
    --surface-container-low: #1c1b1f;
    --surface-container: #201f23;
    --surface-container-high: #2a292d;
    --surface-container-highest: #353438;
}
body.light{
    --primary: #464ad9;
    --on-primary: #ffffff;
    --primary-container: #e1e0ff;
    --on-primary-container: #04006d;
    --secondary: #5c5d72;
    --on-secondary: #ffffff;
    --secondary-container: #e2e0f9;
    --on-secondary-container: #191a2c;
    --tertiary: #79536a;
    --on-tertiary: #ffffff;
    --tertiary-container: #ffd8ed;
    --on-tertiary-container: #2e1125;
    --error: #ba1a1a;
    --on-error: #ffffff;
    --error-container: #ffdad6;
    --on-error-container: #410002;
    --background: #fffbff;
    --on-background: #1c1b1f;
    --surface: #fcf8fd;
    --on-surface: #1c1b1f;
    --surface-variant: #e4e1ec;
    --on-surface-variant: #46464f;
    --outline: #777680;
    --outline-variant: #c7c5d0;
    --shadow: #000000;
    --scrim: #000000;
    --inverse-surface: #313034;
    --inverse-on-surface: #f3eff4;
    --inverse-primary: #c0c1ff;
    --surface-dim: #dcd9de;
    --surface-bright: #fcf8fd;
    --surface-container-lowest: #ffffff;
    --surface-container-low: #f6f2f7;
    --surface-container: #f0edf1;
    --surface-container-high: #eae7ec;
    --surface-container-highest: #e5e1e6;
}