:root {
    --grey-shadow-dark: rgba(112, 111, 111, 0.9);
    --grey-shadow-light: rgba(112, 111, 111, 0.7);
    --grey-shadow-light-full: rgba(112, 111, 111, 0);
    --viewer-window-shadow: inset 4px 4px 7px var(--grey-shadow-dark), inset -3px -3px 6px var(--grey-shadow-light);
    --list-bg-color: #e6d8ca;
    --main-bg-color: #d8c9ba;
    --btn-brdr-bg-color: #d6c7b8;
    --main-shadow-dark: #b8ab9e;
    --main-shadow-light: #F8E7D6;
    --hover-shadow-dark: #b6a99c;
    --hover-shadow-light: #f6e5d4;
    --text-color: #2e2e2e;
    --loading-bg-color: #d8c9ba;
    --text-shadow-color-light: #ffffff;
    --text-shadow-color-dark: #887f75;
    --btn-proceed: #0051a8;
    --btn-proceed-raised: inset 6px 6px 12px #0068d9, inset -6px -6px 12px #003a77;
    --btn-proceed-depressed: inset 6px 6px 12px #003a77, inset -6px -6px 12px #0068d9;
    --btn-delete: #750000;
    --btn-delete-raised: inset 6px 6px 12px #990000, inset -6px -6px 12px #510000;
    --btn-delete-depressed: inset 6px 6px 12px #510000, inset -6px -6px 12px #990000;
    --btn-hover-shadow: inset 6px 6px 12px var(--hover-shadow-dark), inset -6px -6px 12px var(--hover-shadow-light);
    --btn-hover-shallow-shadow: inset 3px 3px 6px var(--hover-shadow-dark), inset -3px -3px 6px var(--hover-shadow-light);
    --btn-raised-shallow-shadow: 3px 3px 6px var(--main-shadow-dark), -3px -3px 6px var(--main-shadow-light);
    --btn-raised-shadow: 6px 6px 12px var(--main-shadow-dark), -6px -6px 12px var(--main-shadow-light);
    --btn-hover-raised-shadow: inset 6px 6px 12px var(--hover-shadow-light), inset -6px -6px 12px var(--hover-shadow-dark);
    --list-expression-shallow: 2px 2px 4px var(--main-shadow-dark), -2px -2px 4px var(--main-shadow-light);
    --list-depression-shallow: 2px 2px 4px var(--main-shadow-light), -2px -2px 4px var(--main-shadow-dark), inset 3px 3px 6px var(--main-shadow-dark), inset -3px -3px 6px var(--main-shadow-light);
    --list-depression-deep: 2px 2px 4px var(--main-shadow-light), -2px -2px 4px var(--main-shadow-dark), inset 6px 6px 12px var(--main-shadow-dark), inset -6px -6px 12px var(--main-shadow-light);
    --depression-shallow: 3px 3px 6px var(--main-shadow-light), -3px -3px 6px var(--main-shadow-dark), inset 3px 3px 6px var(--main-shadow-dark), inset -3px -3px 6px var(--main-shadow-light);
    --expression-shallow: 3px 3px 6px var(--main-shadow-dark), -3px -3px 6px var(--main-shadow-light), inset 3px 3px 6px var(--main-shadow-light), inset -3px -3px 6px var(--main-shadow-dark);
    --floating-card-deep: 3px 3px 25px 15px var(--main-shadow-dark);
    --header-shallow: 3px 3px 6px var(--main-shadow-dark);
    --footer-shallow: -3px -3px 6px var(--main-shadow-dark);
    --gradient-color: #ae34db8d;
}