/* Base Styles & Variables */
:root {
    /* Colors */
    --color-indigo: #1D253B;
    /* Ai-iro */
    --color-white: #FBFAF5;
    /* Shiro-neri */
    --color-vermilion: #C83C23;
    /* Shu-iro */
    --color-gray: #757575;

    /* Fonts */
    --font-mincho: 'Shippori Mincho', serif;
    --font-gothic: 'Zen Kaku Gothic New', sans-serif;
    --font-sans: 'Inter', 'Noto Sans JP', sans-serif;
    --font-serif: 'Merriweather', 'Noto Serif JP', serif;
    --font-mono: 'Fira Code', monospace;

    /* Z-indexes */
    --z-background: -1;
    --z-header: 100;
    --z-nav: 100;
    --z-modal: 1000;
    --z-menu-btn: 1100;

    /* Layout */
    --container-width: 1200px;
}

body {
    font-family: var(--font-mincho);
    background-color: var(--color-white);
    color: var(--color-indigo);
    line-height: 1.8;
}

/* Scroll Lock */
body.no-scroll {
    overflow: hidden;
}

a {
    text-decoration: none;
    color: inherit;
}

ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Decoration Utility */
.footer__decoration {
    width: 100%;
    height: 100px;
    background-color: var(--color-indigo);
    opacity: 0.1;
}