:root {
	--berke-color-primary-950: #042d36;
	--berke-color-primary-900: #073b47;
	--berke-color-primary-700: #0b5365;
	--berke-color-primary-500: #16758a;
	--berke-color-accent-500: #d7a44a;
	--berke-color-text: #172126;
	--berke-color-muted: #66747a;
	--berke-color-border: #dbe4e7;
	--berke-color-surface: #f5f8f9;
	--berke-color-white: #ffffff;

	--berke-font-size-base: 1rem;
	--berke-line-height-base: 1.8;

	--berke-container: 75rem;
	--berke-gutter: clamp(1rem, 4vw, 2rem);
	--berke-section-space: clamp(4rem, 8vw, 8rem);
	--berke-header-height: 5rem;

	--berke-radius-sm: 0.5rem;
	--berke-radius-md: 1rem;
	--berke-radius-lg: 1.75rem;
	--berke-radius-pill: 999px;

	--berke-shadow-sm: 0 0.5rem 1.5rem rgba(7, 59, 71, 0.08);
	--berke-shadow-menu: 0 1.25rem 3rem rgba(7, 59, 71, 0.14);
	--berke-transition: 180ms ease;
}