/* Shared design tokens: an 8px rhythm, system typography, no decorative effects. */
:root {
	--color-bg: #fff;
	--color-bg02: #f8f8f8;
	--color-text: #222;
	--color-muted: #767676;
	--color-line: #e0e0e0;
	--color-control: #767676;
	--font-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
	--space-1: 8px; --space-2: 16px; --space-3: 24px; --space-4: 32px;
	--space-6: 48px; --space-8: 64px; --space-12: 96px;
	--width-site: 1120px; --width-copy: 720px;
	--gutter: 24px; --font-size-base: 1.125rem; --line-height-base: 1.8;
	--font-size-small: .875rem;
	--font-size-h1: clamp(2rem, 3.3vw, 2.75rem);
	--font-size-h2: clamp(1.5rem, 2.2vw, 1.875rem);
	--font-size-h3: clamp(1.25rem, 1.8vw, 1.5rem);
	--font-weight: 600;
	--font-weight-bold: 700;
	--line-height-heading: 1.45;
	--section-space: var(--space-6);
	--height-100vh: 100dvh;
	--header-height: 120px;
}
@media (max-width: 47.99rem) { :root { --gutter: 16px; } }