/**
 * Business Forum UK: design tokens. Same values as the XenForo style
 * (bf_tokens.less) and the tools plugin (--bfuk-*), so all three surfaces
 * read as one site. Retint here only.
 */
:root {
	--bf-navy: #14324f;
	--bf-navy-deep: #0d2238;
	--bf-blue: #234fa0;
	--bf-teal: #176b66;
	--bf-teal-dark: #125650;
	--bf-teal-soft: #e6f3f2;
	--bf-teal-bright: #7fd1c9;
	--bf-amber: #c98a1a;
	--bf-bg: #f4f6f9;
	--bf-surface: #ffffff;
	--bf-surface-alt: #f8fafc;
	--bf-line: #dde3ea;
	--bf-ink: #1f2933;
	--bf-muted: #5b6b7a;
	--bf-danger: #a3231f;

	--bf-font: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;
	--bf-text-sm: 0.875rem;
	--bf-text-base: 0.9375rem;
	--bf-text-md: 1.05rem;
	--bf-text-lg: 1.2rem;
	--bf-text-xl: 1.5rem;
	--bf-text-2xl: 1.9rem;
	--bf-text-3xl: clamp(2.1rem, 1.4rem + 2.4vw, 3.2rem);
	--bf-leading: 1.6;
	--bf-leading-tight: 1.12;

	--bf-radius: 12px;
	--bf-radius-sm: 8px;
	--bf-shadow: 0 1px 2px rgba(20, 50, 79, .06), 0 8px 24px -16px rgba(20, 50, 79, .25);
	--bf-shadow-lift: 0 14px 34px -18px rgba(20, 50, 79, .4);

	--bf-wrap: 1720px;
	--bf-wrap-narrow: 760px;
	--bf-wrap-content: 1240px;
	--bf-gutter: 32px;
	--bf-logo-h: 40px;
	--bf-header-h: 68px;

	/* Category palette shared with the forum filler cards */
	--bf-cat-finance: #14324f; --bf-cat-finance-dark: #0d2238;
	--bf-cat-tax: #1f4e5f;     --bf-cat-tax-dark: #143540;
	--bf-cat-hr: #a8471a;      --bf-cat-hr-dark: #742f0f;
	--bf-cat-startup: #0f6e5c; --bf-cat-startup-dark: #094a3e;
	--bf-cat-sales: #8c2f4b;   --bf-cat-sales-dark: #621f33;
	--bf-cat-marketing: #5b2a86; --bf-cat-marketing-dark: #3d1a5c;
	--bf-cat-ops: #2f5d3a;     --bf-cat-ops-dark: #1f4027;
	--bf-cat-invest: #2f3e8f;  --bf-cat-invest-dark: #1f2a63;
}
@media (max-width: 800px) { :root { --bf-gutter: 16px; --bf-header-h: 60px; } }