:root {
    --color-background: #fff3cb;
    --color-surface: #fff9e6;
    --color-on-surface-primary: #201f1e;
    --color-on-surface-secondary: #736d5e;
    --color-on-surface-tertiary: #aa9f7f;
    --color-on-surface-outline-primary: #e6c562;
    --color-on-surface-outline-secondary: #f6e6b6;
    --color-on-surface-highlight-primary: #ecdcad63;
    --color-on-surface-highlight-secondary: #ffbf000d;
    --color-wallpaper-overlay: #c7980787;
    --color-on-wallpaper-primary: #ffffff;
    --color-on-wallpaper-secondary: #ffffffc7;
    --color-on-wallpaper-outline-primary: #ffffff4a;
    --color-on-wallpaper-outline-secondary: #ffffff27;
    --color-on-wallpaper-highlight-primary: #ffffff41;
    --color-on-wallpaper-highlight-secondary: #ffffff21;
    --color-key-rich: rgb(255 169 0);
    --color-key: rgb(214 134 0);
    --color-on-key-primary: #ffffff;
    --color-on-key-secondary: #ffffffcc;
    --color-subkey-rich: linear-gradient(to right, rgb(255, 171, 7) 0px, rgb(255, 119, 60) 100%);
    --color-subkey: rgb(255, 171, 7);
    --color-on-subkey-primary: #ffffff;
    --color-on-subkey-secondary: #ffffffcc;
    --color-scrim: #5a4d3e63;
    --shadow-shallow: 0px 2px 12px rgb(255 171 7 / 21%);
    --shadow-card: 0px 4px 12px rgb(255 171 7 / 23%);
    --shadow-hover: 0px 2px 12px rgb(238 157 0 / 40%);
}