:root {
	--apj-color-bg: #f4f2ed;
	--apj-color-surface: rgba(255, 255, 255, 0.58);
	--apj-color-surface-solid: #fbfaf7;
	--apj-color-text: #171717;
	--apj-color-muted: #6b6b68;
	--apj-color-accent: #496a58;
	--apj-color-accent-soft: rgba(73, 106, 88, 0.13);
	--apj-color-border: rgba(30, 30, 30, 0.12);
	--apj-color-shadow: rgba(36, 38, 33, 0.12);
	--apj-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", "Noto Sans Mono CJK SC", monospace;
	--apj-font-sans: Inter, "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;
	--apj-radius-lg: 30px 26px 32px 24px;
	--apj-radius-md: 22px 19px 24px 20px;
	--apj-radius-sm: 14px;
	--apj-page-gutter: clamp(1rem, 5vw, 6rem);
	--apj-section-space: clamp(5rem, 10vw, 9rem);
	--apj-gap: clamp(1.25rem, 2.1vw, 2rem);
	--apj-content-width: 760px;
	--apj-page-width: 800px;
	--apj-wide-width: 1480px;
	--apj-header-height: 4.5rem;
	--apj-glass-blur: 18px;
	--apj-motion-fast: 180ms;
	--apj-motion-normal: 400ms;
	--apj-ease: cubic-bezier(0.22, 1, 0.36, 1);
	color-scheme: light;
}

[data-theme="dark"] {
	--apj-color-bg: #111210;
	--apj-color-surface: rgba(30, 31, 28, 0.66);
	--apj-color-surface-solid: #1d1f1c;
	--apj-color-text: #f2f1ec;
	--apj-color-muted: #a8aaa4;
	--apj-color-accent: #91b69e;
	--apj-color-accent-soft: rgba(145, 182, 158, 0.15);
	--apj-color-border: rgba(255, 255, 255, 0.11);
	--apj-color-shadow: rgba(0, 0, 0, 0.32);
	color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--apj-color-bg: #111210;
		--apj-color-surface: rgba(30, 31, 28, 0.66);
		--apj-color-surface-solid: #1d1f1c;
		--apj-color-text: #f2f1ec;
		--apj-color-muted: #a8aaa4;
		--apj-color-accent: #91b69e;
		--apj-color-accent-soft: rgba(145, 182, 158, 0.15);
		--apj-color-border: rgba(255, 255, 255, 0.11);
		--apj-color-shadow: rgba(0, 0, 0, 0.32);
		color-scheme: dark;
	}
}