/* Horotiu Homestead design tokens. Change brand values here only. */
:root {
	/* Colour */
	--hh-forest:       #1F3A2E;
	--hh-forest-deep:  #15281F;
	--hh-leaf:         #3F6B4F;
	--hh-leaf-soft:    #DCE5DA;
	--hh-gold:         #B8924A;
	--hh-gold-light:   #E3CB96;
	--hh-gold-ink:     #8A6A2C;
	--hh-paper:        #FAF7F0;
	--hh-cream:        #F2ECDF;
	--hh-white:        #FFFFFF;
	--hh-ink:          #18201B;
	--hh-muted:        #5B665E;
	--hh-line:         #E2DACA;
	--hh-success:      #2F6B4A;
	--hh-error:        #A2412F;

	/* Type */
	--hh-font-display: "Young Serif", Georgia, "Times New Roman", serif;
	--hh-font-body:    "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;

	--hh-text-xs:   0.8125rem;
	--hh-text-sm:   0.9375rem;
	--hh-text-base: 1.0625rem;
	--hh-text-lg:   1.25rem;
	--hh-h4: clamp(1.25rem, 1.15rem + 0.4vw, 1.5rem);
	--hh-h3: clamp(1.6rem, 1.35rem + 0.9vw, 2.1rem);
	--hh-h2: clamp(2.1rem, 1.6rem + 1.9vw, 3.1rem);
	--hh-h1: clamp(2.6rem, 1.8rem + 3.4vw, 4.8rem);

	/* Space */
	--hh-space-1: 0.25rem;
	--hh-space-2: 0.5rem;
	--hh-space-3: 1rem;
	--hh-space-4: 1.5rem;
	--hh-space-5: 2.5rem;
	--hh-space-6: 4rem;
	--hh-space-7: clamp(4rem, 3rem + 4vw, 7rem);

	/* Shape and depth. Small radius for controls, larger for photos and panels. */
	--hh-radius-sm: 6px;
	--hh-radius:    10px;
	--hh-radius-lg: 18px;
	--hh-shadow-panel: 0 1px 2px rgba(21, 40, 31, 0.05), 0 18px 40px -18px rgba(21, 40, 31, 0.28);

	--hh-container: 1240px;
	--hh-gutter: clamp(16px, 4vw, 40px);
	--hh-header-h: 76px;
	--hh-ease: cubic-bezier(0.22, 0.61, 0.36, 1);

	/* Elementor container defaults so new sections start on-brand. */
	--container-max-width: var(--hh-container);
	--container-default-padding-top: 0px;
	--container-default-padding-right: 0px;
	--container-default-padding-bottom: 0px;
	--container-default-padding-left: 0px;
}