:root,
body.light,
body.dark {
    --primary: #9c423a;
    --on-primary: #ffffff;
    --primary-container: #ffdad6;
    --on-primary-container: #410002;
    --secondary: #775653;
    --on-secondary: #ffffff;
    --secondary-container: #ffdad6;
    --on-secondary-container: #2c1513;
    --tertiary: #715b2e;
    --on-tertiary: #ffffff;
    --tertiary-container: #fedfa6;
    --on-tertiary-container: #261900;
    --error: #ba1a1a;
    --on-error: #ffffff;
    --error-container: #ffdad6;
    --on-error-container: #410002;
    --background: #fffbff;
    --on-background: #201a19;
    --surface: #fff8f7;
    --on-surface: #201a19;
    --surface-variant: #f5dddb;
    --on-surface-variant: #534341;
    --outline: #857371;
    --outline-variant: #d8c2bf;
    --shadow: #000000;
    --scrim: #000000;
    --inverse-surface: #362f2e;
    --inverse-on-surface: #fbeeec;
    --inverse-primary: #ffb4ac;
    --surface-dim: #e4d7d5;
    --surface-bright: #fff8f7;
    --surface-container-lowest: #ffffff;
    --surface-container-low: #fef1ef;
    --surface-container: #f8ebe9;
    --surface-container-high: #f2e5e4;
    --surface-container-highest: #ede0de;
    --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);
}