/* Filtraza design tokens — 依据 Workspace 资料 DESIGN.md 的色彩/字体/圆角规范。
   这些是原生 CSS 变量，供 style.css 与页面局部样式共用。 */
:root{
  /* 字体：DESIGN.md 指定 Inter / Roboto。不外链第三方字体，本机有 Inter 即用，否则回退系统无衬线 */
  --font-body:'Inter','Helvetica Neue',Helvetica,Arial,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-heading:var(--font-body);

  /* 中性色（DESIGN.md：白底为主，浅灰次级背景） */
  --color-ink:#2D3436;           /* 正文 */
  --color-background:#FFFFFF;    /* 页面背景 */
  --color-surface:#F4F5F7;       /* 次级背景 */
  --color-border:#DFE6E9;        /* 边框/分割线 */
  --color-muted:#636E72;         /* 次要文字 */
  --color-focus:#2E86C1;         /* 焦点环 */

  /* 品牌色 */
  --color-brand:#1B3A5C;         /* 深海蓝：导航、页脚、标题重点、主按钮 */
  --color-brand-deep:#0F2237;    /* 深色区块最底色 */
  --color-graphite:#2C3E50;      /* 枪灰：深色区块、端盖 */
  --color-accent:#E87722;        /* 工业橙：仅 CTA/强调，面积 ≤5% */
  --color-accent-strong:#D4651A;
  --color-tech:#2E86C1;          /* 技术蓝：次级交互、图标 */
  --color-on-dark:#FFFFFF;
  --color-on-dark-muted:#B2BEC3;

  /* 圆角（DESIGN.md：按钮 4–6px、卡片 6px） */
  --radius-control:4px;
  --radius-card:6px;

  /* 阴影 */
  --shadow-card:0 2px 8px rgba(0,0,0,.06);
  --shadow-card-hover:0 8px 24px rgba(15,34,55,.10);

  /* 间距与网格（DESIGN.md：内容宽 1200–1280、板块间距 80–120px） */
  --container:1200px;
  --space-gutter:24px;
  --space-section:96px;
  --space-section-sm:64px;
  --tracking-cta:.08em;

  /* 工程图网格辅助线 */
  --grid-line-dark:rgba(255,255,255,.05);
  --grid-line-light:rgba(27,58,92,.05);
}