:root,
body.light {
    --primary: #4355b9;
    --on-primary: #ffffff;
    --primary-container: #dee0ff;
    --on-primary-container: #00105c;
    --secondary: #5b5d72;
    --on-secondary: #ffffff;
    --secondary-container: #e0e1f9;
    --on-secondary-container: #181a2c;
    --tertiary: #77536d;
    --on-tertiary: #ffffff;
    --tertiary-container: #ffd7f1;
    --on-tertiary-container: #2d1228;
    --error: #ba1a1a;
    --on-error: #ffffff;
    --error-container: #ffdad6;
    --on-error-container: #410002;
    --background: #fefbff;
    --on-background: #1b1b1f;
    --surface: #fbf8fd;
    --on-surface: #1b1b1f;
    --surface-variant: #e3e1ec;
    --on-surface-variant: #46464f;
    --outline: #767680;
    --outline-variant: #c7c5d0;
    --shadow: #000000;
    --scrim: #000000;
    --inverse-surface: #303034;
    --inverse-on-surface: #f3f0f4;
    --inverse-primary: #bac3ff;
    --surface-dim: #dcd9de;
    --surface-bright: #fbf8fd;
    --surface-container-lowest: #ffffff;
    --surface-container-low: #f6f2f7;
    --surface-container: #f0edf1;
    --surface-container-high: #eae7ec;
    --surface-container-highest: #e4e1e6;
    --overlay: rgb(0 0 0 / 0.5);
    --active: rgb(0 0 0 / 0.1);
    --elevate1: 0 0.125rem 0.125rem 0 rgb(0 0 0 / 0.32);
    --elevate2: 0 0.25rem 0.5rem 0 rgb(0 0 0 / 0.4);
    --elevate3: 0 0.375rem 0.75rem 0 rgb(0 0 0 / 0.48);
}

body.dark {
    --primary: #dbc90a;
    --on-primary: #363100;
    --primary-container: #4f4800;
    --on-primary-container: #f9e534;
    --secondary: #cec7a3;
    --on-secondary: #343117;
    --secondary-container: #4b472b;
    --on-secondary-container: #ebe3bd;
    --tertiary: #a7d0b7;
    --on-tertiary: #103726;
    --tertiary-container: #294e3b;
    --on-tertiary-container: #c2ecd3;
    --error: #ffb4ab;
    --on-error: #690005;
    --error-container: #93000a;
    --on-error-container: #ffb4ab;
    --background: #1d1c16;
    --on-background: #e7e2d9;
    --surface: #14130e;
    --on-surface: #e7e2d9;
    --surface-variant: #4a473a;
    --on-surface-variant: #cbc6b5;
    --outline: #959181;
    --outline-variant: #4a473a;
    --shadow: #000000;
    --scrim: #000000;
    --inverse-surface: #e7e2d9;
    --inverse-on-surface: #32302a;
    --inverse-primary: #695f00;
    --surface-dim: #14130e;
    --surface-bright: #3b3933;
    --surface-container-lowest: #0f0e09;
    --surface-container-low: #1d1c16;
    --surface-container: #21201a;
    --surface-container-high: #2b2a24;
    --surface-container-highest: #36352f;
    --overlay: rgb(0 0 0 / 0.5);
    --active: rgb(255 255 255 / 0.2);
    --elevate1: 0 0.125rem 0.125rem 0 rgb(0 0 0 / 0.32);
    --elevate2: 0 0.25rem 0.5rem 0 rgb(0 0 0 / 0.4);
    --elevate3: 0 0.375rem 0.75rem 0 rgb(0 0 0 / 0.48);
}