/*
 * Truffle Hunt design tokens.
 * Each token first reads Elementor's global (Site Settings > Global Colors /
 * Global Fonts), so changing a colour there updates the theme parts too.
 * The fallback values are the brand values from the logo:
 *   orange #EF7C00, charcoal #3B3B3A, grey #E5DFDF, white.
 * #A85300 (dark orange) is derived for readable text/icons.
 */
:root {
	--th-color-primary: var(--e-global-color-primary, #3B3B3A);
	--th-color-secondary: var(--e-global-color-secondary, #A85300);
	--th-color-text: var(--e-global-color-text, #2B2B2A);
	--th-color-accent: var(--e-global-color-accent, #EF7C00);
	--th-color-grey: var(--e-global-color-thgrey, #E5DFDF);
	--th-color-bg: var(--e-global-color-thbg, #F7F4F3);
	--th-color-surface: var(--e-global-color-thwhite, #FFFFFF);
	--th-color-on-accent: var(--e-global-color-think, #1F1F1E);
	--th-color-on-primary: #FFFFFF;
	--th-color-muted: color-mix(in srgb, var(--th-color-text) 70%, var(--th-color-bg));
	--th-color-line: color-mix(in srgb, var(--th-color-text) 14%, var(--th-color-bg));
	--th-color-tint: color-mix(in srgb, var(--th-color-grey) 60%, var(--th-color-bg));

	--th-font-heading: var(--e-global-typography-primary-font-family, "Oswald"), "Oswald", "Arial Narrow", system-ui, sans-serif;
	--th-font-body: var(--e-global-typography-text-font-family, "Barlow"), "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

	--th-radius: 14px;
	--th-wrap: 72rem;
	--th-gutter: 1rem;
	--th-space: clamp(3.5rem, 2.5rem + 5vw, 6.5rem);
	--th-shadow: 0 1px 2px rgb(43 43 42 / 6%), 0 8px 24px rgb(43 43 42 / 7%);
}