/**
 * RLF design tokens — the version-controlled source of truth for governed
 * components and the compatibility layer. Values mirror Elementor Kit 7.
 */
:root {
	--rlf-color-primary: #3d2314;
	--rlf-color-primary-muted: rgb(61 35 20 / 80%);
	--rlf-color-text: #2a1910;
	--rlf-color-accent: #722f37;
	--rlf-color-accent-dark: #541922;
	--rlf-color-on-accent: #fff;
	--rlf-color-surface: #fff;
	--rlf-color-surface-soft: #f4f0eb;
	--rlf-color-border: #e8e0d8;
	--rlf-color-focus: #c28d62;
	--rlf-color-muted: #64605c;
	--rlf-color-muted-strong: #514b47;
	--rlf-color-success: #216e4e;
	--rlf-color-success-soft: #e8f3ee;
	--rlf-color-warning: #9a6700;
	--rlf-color-warning-soft: #fff4d6;

	--rlf-font-family: "Raleway", sans-serif;
	--rlf-font-size-body: 1.125rem;
	--rlf-font-size-small: 1rem;
	--rlf-font-size-label: .875rem;
	--rlf-line-height-body: 1.6;
	--rlf-line-height-heading: 1.1;
	--rlf-weight-regular: 400;
	--rlf-weight-medium: 500;
	--rlf-weight-semibold: 600;
	--rlf-weight-bold: 700;

	--rlf-space-1: .25rem;
	--rlf-space-2: .5rem;
	--rlf-space-3: .75rem;
	--rlf-space-4: 1rem;
	--rlf-space-5: 1.5rem;
	--rlf-space-6: 2rem;
	--rlf-space-7: 3rem;
	--rlf-space-8: 4rem;
	--rlf-space-section: clamp(4rem, 8vw, 7rem);
	--rlf-space-section-hero: clamp(5rem, 10vw, 9rem);

	--rlf-width-reading: 48.75rem;
	--rlf-width-content: 73.75rem;
	--rlf-gutter: clamp(1.25rem, 4vw, 3rem);
	--rlf-radius-small: .5rem;
	--rlf-radius-card: 1.125rem;
	--rlf-radius-media: 1.5rem;
	--rlf-radius-pill: 999px;
	--rlf-shadow-card: 0 .25rem .875rem rgb(61 35 20 / 8%);
	--rlf-shadow-raised: 0 1.25rem 3.5rem -2rem rgb(61 35 20 / 30%);
	--rlf-motion-fast: 160ms;
	--rlf-motion-standard: 220ms;
	--rlf-ease-out: cubic-bezier(.22, 1, .36, 1);
	--rlf-header-offset: clamp(7.5rem, 10vw, 9rem);
	--rlf-breakpoint-mobile: 47.9375rem;
	--rlf-breakpoint-tablet: 63.9375rem;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--rlf-motion-fast: 0ms;
		--rlf-motion-standard: 0ms;
	}
}