:root {
	--color-base: #f4f5f6;
	--color-surface: #ffffff;
	--color-text: #0a0b0c;
	--color-muted: #6e7278;
	--color-line: rgba(10, 11, 12, 0.15);
	--color-accent: #1e4dff;
	--color-dark: #080a0d;
	--color-on-dark: #ffffff;
	--font-sans: "Instrument Sans", "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--font-ja: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--container: min(92vw, 1480px);
	--content: min(92vw, 1200px);
	--header-height: 78px;
	--space-1: clamp(0.5rem, 0.4rem + 0.35vw, 0.75rem);
	--space-2: clamp(0.75rem, 0.6rem + 0.55vw, 1.25rem);
	--space-3: clamp(1rem, 0.7rem + 1vw, 2rem);
	--space-4: clamp(1.5rem, 1rem + 2vw, 3.5rem);
	--space-5: clamp(2.5rem, 1.5rem + 4vw, 6rem);
	--space-6: clamp(4.5rem, 2.4rem + 7vw, 10rem);
	--radius-sm: 0.25rem;
	--radius-md: 0.5rem;
	--transition: 260ms cubic-bezier(0.2, 0.7, 0.2, 1);
}

@media (max-width: 959px) {
	:root {
		--container: min(90vw, 1480px);
		--header-height: 68px;
	}
}