/* Design tokens — 视觉参考 GTrend LinkCenter App 界面。换稿时只需修改本文件。 */
:root {
  /* 品牌与强调色 */
  --c-brand: #D81E28;          /* App 顶栏红 */
  --c-brand-strong: #B8161F;
  --c-brand-soft: #FDECEC;
  --c-accent: #007ACC;         /* App 选中态蓝 */
  --c-accent-strong: #005E9E;
  --c-accent-soft: #E7F2FB;
  --c-link: #005E9E;          /* 文字链接（在灰底上对比度 ≥ 4.5） */
  --c-link-hover: #004473;

  /* 中性色 */
  --c-bg: #F4F4F6;             /* App 内容区底色 */
  --c-surface: #FFFFFF;        /* 卡片 */
  --c-tile: #F0F0F2;           /* 未选中功能块 */
  --c-border: #E3E3E8;
  --c-border-strong: #C8C8CF;
  --c-text: #1D1D1F;
  --c-text-2: #4F4F56;
  --c-muted: #6B6B73;
  --c-ink: #1D1D1F;            /* 黑色胶囊按钮（停止侦测） */
  --c-ink-hover: #3A3A3F;
  --c-on-ink: #FFFFFF;

  /* 状态色 */
  --c-success: #22A447;
  --c-warning: #F5C518;        /* 「侦测中」黄点 */
  --c-warn-bg: #FFF7E0;
  --c-warn-border: #F0D78C;
  --c-highlight: #FFF3B8;
  --c-led-off: #D81E28;
  --c-led-on: #22A447;

  /* 字体 */
  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Helvetica Neue", Arial, sans-serif;
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.375rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.25rem;
  --fs-3xl: 3rem;
  --lh-tight: 1.25;
  --lh-base: 1.7;

  /* 圆角 */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --radius-pill: 999px;

  /* 间距 */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* 阴影 */
  --shadow-card: 0 1px 2px rgba(20, 20, 30, 0.04), 0 6px 20px rgba(20, 20, 30, 0.05);
  --shadow-pop: 0 10px 40px rgba(20, 20, 30, 0.16);

  /* 版面 */
  --container: 1160px;
  --gutter: 24px;
  --header-h: 64px;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

@media (max-width: 767px) {
  :root {
    --gutter: 16px;
    --header-h: 56px;
    --fs-2xl: 1.75rem;
    --fs-3xl: 2.25rem;
  }
}