:root {
	--color-background: #ffffff;
	--color-ink: #111111;
	--color-ink-secondary: #505050;
	--color-ink-tertiary: #767676;
	--color-ink-muted: #999999;
	--color-surface-muted: #f4f4f4;
	--color-highlight: #d9efb8;

	--font-family-base: "Pretendard", sans-serif;

	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;

	--type-home-hero-title-size: 30px;
	--type-article-title-size: 32px;
	--type-article-body-size: 17px;
	--type-article-body-line-height: 1.85;
	--type-article-h2-size: 28px;
	--type-article-h3-size: 20px;
	--type-article-h2-space-before: 64px;
	--type-article-h3-space-before: 40px;

	--layout-max-width: 960px;
	--layout-shell-max-width: 1024px;
	--layout-gutter: 32px;
	--layout-home-section-gap: 40px;
	--layout-section-gap: 64px;
	--header-logo-size: 112px;
	--header-top-padding: 12px;
}

@media (max-width: 1023px) {
	:root {
		--layout-gutter: 24px;
	}
}

@media (max-width: 767px) {
	:root {
		--layout-gutter: 16px;
		--layout-section-gap: 48px;
		--header-logo-size: 72px;
		--header-top-padding: 10px;
		--type-home-hero-title-size: 30px;
		--type-article-title-size: 28px;
		--type-article-body-size: 16px;
		--type-article-h2-size: 24px;
		--type-article-h3-size: 19px;
		--type-article-h2-space-before: 48px;
		--type-article-h3-space-before: 32px;
	}
}