/*
 * WKMac Design Tokens
 * Single source of truth for color, spacing, typography and radius values.
 * Components and layout files should reference these variables instead of
 * hard-coding values, so the whole site can be re-tuned from one place.
 */

:root {
	/* Color */
	--wk-color-bg: #fafaf9;
	--wk-color-surface: #ffffff;
	--wk-color-text: #17171a;
	--wk-color-text-secondary: #63636b;
	--wk-color-border: #e5e5e0;
	--wk-color-accent: #2a5c8a;
	--wk-color-accent-hover: #1f4a70;
	--wk-color-accent-contrast: #ffffff;

	/* Spacing scale (8px base) */
	--wk-space-1: 8px;
	--wk-space-2: 16px;
	--wk-space-3: 24px;
	--wk-space-4: 32px;
	--wk-space-6: 48px;
	--wk-space-8: 64px;
	--wk-space-12: 96px;

	/* Radius */
	--wk-radius-sm: 6px;
	--wk-radius-md: 8px;

	/* Typography */
	--wk-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--wk-font-size-body: 1rem;
	--wk-line-height-body: 1.6;

	/* Layout */
	--wk-container-width: 1280px;
	--wk-content-width: 720px;
}