/*
 * BuildBarn Design System v2 (worktree baseline)
 * Warm-brown unified tokens for site-wide usage.
 */

html {
	--bb-brand-primary: #7a5b3f;
	--bb-brand-secondary: #9a7657;
	--bb-brand-accent: #a07a58;
	--bb-brand-accent-strong: #6c4f36;

	--bb-bg-page: #f7f0e8;
	--bb-bg-card: #fffaf4;
	--bb-border-soft: #d8cbbf;
	--bb-text-primary: #2e2118;
	--bb-text-secondary: #6c5645;

	--bb-focus-ring: 0 0 0 3px rgba(111, 92, 72, 0.26);
	--bb-action-primary-bg: linear-gradient(135deg, #7a5b3f 0%, #5f4632 100%);
	--bb-action-primary-bg-hover: linear-gradient(135deg, #6c4f36 0%, #503b2b 100%);
	--bb-action-primary-border: rgba(95, 70, 50, 0.28);
	--bb-action-primary-text: #ffffff;
	--bb-action-secondary-bg: #fff9f3;
	--bb-action-secondary-border: var(--bb-border-soft, #d8cbbf);
	--bb-action-secondary-text: var(--bb-text-primary, #2e2118);
}

html body {
	background: var(--bb-bg-page, #f7f0e8);
	color: var(--bb-text-primary, #2e2118);
}

html body p,
html body li {
	color: var(--bb-text-secondary, #6c5645);
}

html body a {
	color: var(--bb-brand-primary, #7a5b3f);
}