:root {
	--colorful-primary: #293b4d;
	--colorful-primary-dark: #1f2d3a;
	--colorful-heading-band: #293b4d;
	--colorful-ink: #263234;
	--colorful-bg: #faf9f6;
	--colorful-surface: #ffffff;
	--colorful-stone: #efebe3;
	--colorful-border: #d8d4cc;
	--colorful-muted: #687174;
	--colorful-accent: #a8794c;

	--colorful-font-serif: "Shippori Mincho", "Yu Mincho", YuMincho, serif;
	--colorful-font-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;

	--colorful-content-wide: 70rem;
	--colorful-content-standard: 67.5rem;
	--colorful-content-reading: 45rem;

	--colorful-space-1: 0.5rem;
	--colorful-space-2: 0.75rem;
	--colorful-space-3: 1rem;
	--colorful-space-4: 1.5rem;
	--colorful-space-5: 2rem;
	--colorful-space-6: 3rem;
	--colorful-space-7: 4rem;
	--colorful-space-8: 6rem;
	--colorful-space-9: 7.5rem;

	--colorful-radius-sm: 0.1875rem;
	--colorful-radius-md: 0.25rem;
	--colorful-border-width: 1px;
	--colorful-transition: 180ms ease;
	--colorful-focus: 0 0 0 3px rgba(168, 121, 76, 0.35);
}