/*
 * デザイントークン（旧 WordPress の theme.json → global-styles 相当）
 * style.css が参照する --wp--preset--* 変数を、静的サイト用にここで定義する。
 * 値を変えるときは ../../../theme.json（旧テーマ）ではなく、このファイルを直す。
 */
:root {
	--wp--preset--color--white: #ffffff;
	--wp--preset--color--base: #f8f8f8;
	--wp--preset--color--surface: #f1f1f3;
	--wp--preset--color--text: #111111;
	--wp--preset--color--text-light: #525860;
	--wp--preset--color--primary: #111111;
	--wp--preset--color--accent: #e85c5c;
	--wp--preset--color--border: #e5e5e5;

	--wp--preset--font-size--x-small: 0.75rem;
	--wp--preset--font-size--small: 0.9375rem;
	--wp--preset--font-size--medium: 1rem;
	--wp--preset--font-size--large: clamp(1.125rem, 1.125rem + ((1vw - 0.2rem) * 0.227), 1.25rem);
	--wp--preset--font-size--x-large: clamp(1.375rem, 1.375rem + ((1vw - 0.2rem) * 0.909), 1.875rem);
	--wp--preset--font-size--xx-large: clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 2.273), 3rem);

	--wp--preset--font-family--base: "Zen Kaku Gothic New", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	--wp--preset--font-family--en: Arial, "Helvetica Neue", sans-serif;

	--wp--preset--spacing--20: 0.5rem;
	--wp--preset--spacing--30: 1rem;
	--wp--preset--spacing--40: 1.75rem;
	--wp--preset--spacing--50: clamp(2.5rem, 6vw, 4rem);
	--wp--preset--spacing--60: clamp(4rem, 10vw, 7.5rem);

	--wp--style--global--content-size: 800px;
	--wp--style--global--wide-size: 1200px;
}

body {
	margin: 0;
	padding: 0;
	background-color: var(--wp--preset--color--base);
	color: var(--wp--preset--color--text);
	font-family: var(--wp--preset--font-family--base);
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.9;
}

a {
	color: var(--wp--preset--color--primary);
}

a:hover {
	color: var(--wp--preset--color--accent);
}

figure {
	margin: 0 0 1em;
}