/* Rumbledog design tokens
   Source: design-新Harley.md §5 色彩系统 / §6 字体系统 / §7 版式与网格 / §8 形状与视觉几何 */
:root{
	/* 色彩 */
	--rd-carbon:#17191B;
	--rd-bone:#F5F2EC;
	--rd-workshop:#E4E2DD;
	--rd-steel:#697078;
	--rd-stainless:#B8BDC1;
	--rd-orange:#C94B22;

	/* 语义映射 */
	--rd-text:var(--rd-carbon);
	--rd-text-muted:var(--rd-steel);
	--rd-bg:var(--rd-bone);
	--rd-surface:var(--rd-workshop);
	--rd-surface-dark:var(--rd-carbon);
	--rd-on-dark:var(--rd-bone);
	--rd-on-action:#FFFFFF;
	--rd-action:var(--rd-orange);
	--rd-border:var(--rd-stainless);
	--rd-border-dark:rgba(184,189,193,.28);

	/* 字体 */
	--rd-font-display:"Barlow Condensed","Inter",system-ui,sans-serif;
	--rd-font-body:"Inter",system-ui,-apple-system,"Noto Sans SC",sans-serif;
	--rd-font-mono:"IBM Plex Mono","Inter",ui-monospace,monospace;

	/* 字号阶梯 */
	--rd-text-display:clamp(40px,6vw,76px);
	--rd-text-h1:clamp(34px,4.4vw,56px);
	--rd-text-h2:clamp(28px,3.2vw,44px);
	--rd-text-h3:clamp(22px,2.2vw,30px);
	--rd-text-h4:20px;
	--rd-text-lead:clamp(17px,1.5vw,20px);
	--rd-text-body:16px;
	--rd-text-small:14px;
	--rd-text-label:13px;

	/* 版式与网格 */
	--rd-width:1280px;
	--rd-width-text:800px;
	--rd-gutter:20px;
	--rd-block:64px;
	--rd-group:40px;
	--rd-gap:24px;
	--rd-pad:24px;

	/* 形状与动效 */
	--rd-radius:4px;
	--rd-radius-control:3px;
	--rd-border-width:1px;
	--rd-shadow-overlay:0 12px 28px rgba(23,25,27,.18);
	--rd-transition:160ms ease;
}
@media (min-width:768px){
	:root{--rd-gutter:32px;--rd-block:96px;--rd-group:56px;}
}
@media (min-width:1024px){
	:root{--rd-gutter:56px;--rd-block:112px;}
}