/* Shared design values. Layout-only crop measurements remain in main.js. */
:root {
    --color-heading: #102f53;
    --color-border: #d7e0e8;
    --color-surface: #f3f5f7;
    --color-surface-soft: #f5f7f9;
    --color-surface-top: #f6f6f6;
    --color-muted: #626970;
    --font-body: "Inter", "Noto Sans JP", sans-serif;
    --font-heading: "Montserrat", "Noto Sans JP", sans-serif;
    --font-hero: "Montserrat", "Inter", sans-serif;
    --navy: #062b4d;
    --cyan: #0e84a4;
    --ink: #000;
    --footer: #202020;
    --page-width: 1440px;
    --header-height: 77px;
    --recruit-line: var(--color-border);
    --gutter: 5.7%;
}

@media(max-width:1023px) {
    :root {
        --header-height: 72px;
    }

}

@media(max-width:767px) {
    :root {
        --gutter: 26px;
    }

}

@media(max-width:374px) {
    :root {
        --gutter: 20px;
    }

}