/*
CSS Variables
*/
:root {
    --color-black: #000;
    --color-white: #fff;
    --color-gray: #acacac;
    --color-dark-gray: #2e2e2e;

    --color-accent-a: #a79050;
    --color-accent-b: #ded5bb; /* #A79050 の60%*/
    --color-accent-c: #efeae0; /* #A79050 の30%*/

    --color-attention: #ff0000;
    --color-background: #f4f3ee;
    --color-modal-background: #ebeae4;

    --color-text: #222;
    --color-caption: #999;

    --z-index-footer: 3000;
    --z-index-drawer-background: 5000;
    --z-index-drawer: 5001;
    --z-index-hamburger: 6000;
    --z-index-modal: 8000;
    --z-index-loading: 9000;

    --width-base-desktop: 1440;
}