/*
 * デザイントークン(3層)。
 * primitives → semantic → theme.json パレット(--wp--preset--*)の順で参照する。
 * 資格別の色替えは子テーマがこの変数を上書きするだけでよい。
 */
:root {
	/* primitives */
	--wpt-navy-900: #0e1b33;
	--wpt-navy-700: #1b2a4a;
	--wpt-navy-500: #2e4370;
	--wpt-navy-050: #edf1f7;
	--wpt-gold-600: #a8862c;
	--wpt-gold-400: #c9a84c;
	--wpt-ink: #1c222b;
	--wpt-ink-muted: #5a6472;
	--wpt-border: #d9dee7;
	--wpt-bg: #ffffff;
	--wpt-bg-alt: #f5f7fa;

	/* semantic */
	--wpt-color-primary: var(--wpt-navy-700);
	--wpt-color-primary-deep: var(--wpt-navy-900);
	--wpt-color-primary-soft: var(--wpt-navy-050);
	--wpt-color-accent: var(--wpt-gold-400);
	--wpt-color-accent-text: var(--wpt-gold-600);
	--wpt-color-link: var(--wpt-navy-500);

	/* typography */
	--wpt-font-body: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", "Yu Gothic Medium", "Yu Gothic", Meiryo, system-ui, sans-serif;
	--wpt-font-heading: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;

	/* layout */
	--wpt-content-width: 1080px;
	--wpt-text-width: 720px;
	--wpt-section-pad: clamp(3rem, 8vw, 6rem);

	/* shape */
	--wpt-radius-btn: 6px;
	--wpt-radius-card: 10px;
	--wpt-radius-img: 12px;
	--wpt-shadow-1: 0 1px 3px rgba(14, 27, 51, 0.08);
	--wpt-shadow-2: 0 8px 24px rgba(14, 27, 51, 0.1);
}