:root {
	--pb-bg: #f7f4f1;
	--pb-surface: #fffcf9;
	--pb-surface-alt: #f5ede6;
	--pb-border: #e3d5c8;
	--pb-border-soft: #ece1d6;
	--pb-text: #4e4542;
	--pb-text-strong: #2d2825;
	--pb-text-muted: #75655c;
	--pb-accent: #a0622a;
	--pb-accent-strong: #8a5323;
	--pb-accent-soft: rgba(160, 98, 42, .08);
	--pb-success: #4b7a5c;
	--pb-error: #b3543f;

	--pb-shadow-sm: 0 1px 4px rgba(45, 40, 37, .06);
	--pb-shadow-md: 0 6px 24px rgba(45, 40, 37, .10), 0 1px 4px rgba(45, 40, 37, .06);
	--pb-shadow-lg: 0 14px 40px rgba(45, 40, 37, .16);

	--pb-font-serif: 'Lora', serif;
	--pb-font-sans: 'Montserrat', sans-serif;
	--pb-font-hand: 'La Belle Aurore', cursive;

	--pb-text-xs: clamp(.75rem, .72rem + .15vw, .8125rem);
	--pb-text-sm: clamp(.875rem, .85rem + .15vw, .9375rem);
	--pb-text-base: clamp(1rem, .97rem + .15vw, 1.0625rem);
	--pb-text-md: clamp(1.125rem, 1.08rem + .25vw, 1.25rem);
	--pb-text-lg: clamp(1.375rem, 1.3rem + .4vw, 1.625rem);
	--pb-text-xl: clamp(1.75rem, 1.6rem + .8vw, 2.25rem);
	--pb-text-2xl: clamp(2.25rem, 2rem + 1.3vw, 3rem);
	--pb-text-3xl: clamp(3rem, 2.5rem + 2.5vw, 4.5rem);

	--pb-leading-body: 1.75;
	--pb-leading-heading: 1.15;

	--pb-space-1: 4px;
	--pb-space-2: 8px;
	--pb-space-3: 12px;
	--pb-space-4: 16px;
	--pb-space-5: 24px;
	--pb-space-6: 32px;
	--pb-space-7: 48px;
	--pb-space-8: 64px;
	--pb-space-9: 96px;
	--pb-space-10: 128px;

	--pb-radius-sm: 2px;
	--pb-radius-md: 4px;
	--pb-radius-lg: 8px;

	--pb-motion-fast: 150ms;
	--pb-motion-base: 250ms;
	--pb-motion-slow: 450ms;
	--pb-motion-slower: 650ms;
	--pb-ease-standard: cubic-bezier(.22, .61, .36, 1);
	--pb-ease-out: cubic-bezier(0, 0, .2, 1);
	--pb-ease-in-out: cubic-bezier(.4, 0, .2, 1);
}

:root[data-theme="dark"] {
	--pb-bg: #15110e;
	--pb-surface: #241e1b;
	--pb-surface-alt: #2c2521;
	--pb-border: #3d3431;
	--pb-border-soft: #332b27;
	--pb-text: #e6dfd9;
	--pb-text-strong: #f4ede8;
	--pb-text-muted: #9a918c;
	--pb-accent: #d48a48;
	--pb-accent-strong: #e0a066;
	--pb-accent-soft: rgba(212, 138, 72, .10);
	--pb-success: #6fae86;
	--pb-error: #d8836c;

	--pb-shadow-sm: 0 1px 4px rgba(0, 0, 0, .35);
	--pb-shadow-md: 0 6px 24px rgba(0, 0, 0, .45), 0 1px 4px rgba(0, 0, 0, .3);
	--pb-shadow-lg: 0 14px 40px rgba(0, 0, 0, .6);
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--pb-motion-fast: .01ms;
		--pb-motion-base: .01ms;
		--pb-motion-slow: .01ms;
		--pb-motion-slower: .01ms;
	}
}