/* レイヤーの優先順を最初に固定する（後ろほど強い） */
@layer tokens, base, layout, components, pages;

/* デザイン第2案の CSS 変数をそのまま移したもの（design/design-v2/Main.dc.html） */
@layer tokens {
	:root {
		--mint: #0B7866;
		--mint-mid: #17A48D;
		--mint-soft: #CDEAE2;
		--mint-tint: #EFF8F5;
		--mint-wash: #F6FAF8;
		--mint-deep: #07584B;
		--ink: #16211F;
		--ink-soft: #4E5C59;
		--ink-faint: #65726F; /* デザインは #8A9794。白地での文字コントラスト 4.5:1 を満たすよう少し濃くした（HANDOFF 参照） */
		--line: #DFE5E3;
		--line-mid: #C9D3D0;
		--g: "Noto Sans JP", system-ui, -apple-system, "Hiragino Sans", "Yu Gothic", sans-serif;

		/* 支給待ちの仮表示。本番に残っていてもひと目で分かる色 */
		--wait-bg: #FFF4D6;
		--wait-line: #B7791F;
		--wait-ink: #7A4B00;

		/* 画面幅 390px と 1440px の値の間を連続的に変える（計画 4-1） */
		--sp-gutter: 20px;
		--header-h: 62px;
	}
	@media (min-width: 1180px) {
		:root { --header-h: 84px; }
	}
}