/* =========================================================
   Design Tokens — wellfield.io
   All CSS custom properties. Every other file depends on this.
   ========================================================= */
:root {
	--wf-primary:        #FF604C;
	--wf-secondary:      #1C2024;
	--wf-white:          #ffffff;
	--wf-light-bg:       #f5f5f5;
	--wf-gradient:       linear-gradient(85.41deg, #b4c2c0 15.51%, #ff5f4b 83.46%);
	--wf-gradient-head:  linear-gradient(90deg, #b4c2c0 0%, #e8706a 45%, #ff5f4b 100%);
	--wf-btn-border:     linear-gradient(90deg, #b4c2c0 30%, #ff5f4b 100%);
	--wf-radius-pill:    50px;
	--wf-transition:     0.25s ease;

	/* Spacing scale */
	--wf-xs:      0.5rem;
	--wf-sm:      1rem;
	--wf-md:      1.5rem;
	--wf-lg:      2rem;
	--wf-xl:      3rem;
	--wf-2xl:     4rem;
	--wf-section: 5rem;
}