/*
 * サイト共通のデザイントークン(TOPリニューアルで作ったグリーン基調)。
 * ヘッダー・フッターなど全ページ共通の部品と、TOPの各セクション(top-design.css)が参照する。
 */

:root {
	--tt-green-deep: #0d5548;
	--tt-green: #137561;
	--tt-green-teal: #2b9a82;
	--tt-mint: #ddf3eb;
	--tt-mint-pale: #f3faf7;
	--tt-ink: #17332e;
	--tt-ink-muted: #4d6862;
	--tt-line: #d3e8e0;
	--tt-glow: #8fe3c2;
	--tt-accent-red: #ff4646;
	/* 双方向フローの色分け(右向き=受注・出力 / 左向き=商品・在庫・取込) */
	--tt-flow-fwd: var( --tt-green );
	--tt-flow-back: #6fd8b2;
	--tt-radius-lg: 28px;
	--tt-radius-md: 18px;
	--tt-radius-sm: 12px;
	--tt-shadow-card: 0 1px 2px rgba( 23, 51, 46, 0.04 ), 0 12px 32px -12px rgba( 13, 85, 72, 0.18 );
	--tt-shadow-hub: 0 40px 80px -32px rgba( 13, 85, 72, 0.55 );
}