@charset "UTF-8";

:root {
	/* ================================================================
	 * 色
	 * ================================================================ */

	/* ---------------- ヘッダー ---------------- */
	--color-background-header: oklch(62% 0.021 138);
	--color-text-header: oklch(97% 0.03 74);

	/* ---------------- 汎用色 ---------------- */
	--color-background-normal: oklch(97% 0.02 145);
	--color-background-surface: oklch(94% 0.03 145);
	--color-text-faint: oklch(55% 0.02 74);
	--color-text-normal: oklch(30% 0.02 74);
	--color-hyperlink: oklch(50% 0.2 168);

	@media (prefers-color-scheme: dark) {
		/* ---------------- ヘッダー ---------------- */
		--color-background-header: oklch(45% 0.021 138);
		--color-text-header: oklch(85% 0.03 74);

		/* ---------------- 汎用色 ---------------- */
		--color-background-normal: oklch(0% 0.01 145);
		--color-background-surface: oklch(25% 0.01 145);
		--color-text-faint: oklch(70% 0.02 74);
		--color-text-normal: oklch(85% 0.02 74);
		--color-hyperlink: oklch(80% 0.08 168);
	}


	/* ================================================================
	 * フォント
	 * ================================================================ */

	--font-serif-ja:
		"Hiragino Mincho ProN", "Hiragino Mincho Pro",  /* macOS */
		"Noto Serif JP",  /* 汎用和文フォント (Linux など) */
		"Yu Mincho", "MS PMincho", "MS Mincho",  /* Windows */
		serif;
	--font-sans-serif-ja:
		"Hiragino Sans", "Hiragino Kaku Gothic ProN",  /* macOS */
		"Noto Sans JP",  /* 汎用和文フォント（Linux含む） */
		"Yu Gothic Medium", "Yu Gothic",  /* Windows */
		"Meiryo",  /* 旧Windows */
		sans-serif;
	--font-code: "Menlo", "Consolas", "Monaco", "PT Mono", "Liberation Mono", "Lucida Console", monospace;


	/* ================================================================
	 * その他
	 * ================================================================ */

	/* 可変のインライン余白 */
	--inline-margin-fluid: max(0px, (16 * 3 / 800) * 100vi - (16px / 2));
}