/* ウィルクハーン日本サイト 余白の段階（2026-09-29 書き起こし）
 *
 * 仕様は docs/spec/01_tokens.md。値は base.css の --wh-space-*。
 * 本国と同じく、Bootstrap の後・部品の前に読み込む。
 *   Bootstrap の余白（.row の負の余白など）には勝ち、部品が決めている余白（.wh-header-text など）には負ける。
 * 読み込み順：base.css → wilkhahn-site-legacy-1.css → utilities.css → wilkhahn-site-legacy-2.css → wilkhahn-overrides.css
 */

.mt-none { margin-top: var(--wh-space-none); }
.mt-extra-small { margin-top: var(--wh-space-extra-small); }
.mt-small { margin-top: var(--wh-space-small); }
.mt-medium { margin-top: var(--wh-space-medium); }
.mt-large { margin-top: var(--wh-space-large); }
.mt-extra-large { margin-top: var(--wh-space-extra-large); }
.mt-2xl { margin-top: var(--wh-space-2xl); }
.mt-3xl { margin-top: var(--wh-space-3xl); }

/* 上に 3rem 食い込ませる（Bootstrap の mt-n5 と同じ） */
.mt-n5 { margin-top: -3rem !important; }

.mb-none { margin-bottom: var(--wh-space-none); }
.mb-extra-small { margin-bottom: var(--wh-space-extra-small); }
.mb-small { margin-bottom: var(--wh-space-small); }
.mb-medium { margin-bottom: var(--wh-space-medium); }
.mb-large { margin-bottom: var(--wh-space-large); }
.mb-extra-large { margin-bottom: var(--wh-space-extra-large); }
.mb-2xl { margin-bottom: var(--wh-space-2xl); }
.mb-3xl { margin-bottom: var(--wh-space-3xl); }