/* ============================================================
   设计变量 —— 品牌色取自「杰彩印刷」logo：深墨灰 + 橙
   （与旧工程 src/styles/tokens.css 保持一致）
   ============================================================ */
:root {
  /* 主色 */
  --c-ink: #33383f;
  --c-ink-soft: #4a5158;
  --c-ink-deep: #23272d;

  /* 强调色 */
  --c-orange: #f08321;
  --c-orange-dark: #d96d10;
  --c-orange-soft: #fff4e8;

  /* 文字 */
  --c-text: #2b2f36;
  --c-text-sub: #5b636d;
  --c-muted: #8a929c;

  /* 面 / 线 */
  --c-bg: #ffffff;
  --c-bg-soft: #f6f7f9;
  --c-bg-mute: #eef0f3;
  --c-line: #e8eaed;
  --c-line-soft: #f1f3f5;

  /* 状态 */
  --c-success: #1f9d55;
  --c-success-soft: #eaf7ef;
  --c-danger: #d93d3d;
  --c-danger-soft: #fdeeee;
  --c-warn: #c8811a;
  --c-warn-soft: #fff8e8;
  --c-info: #2f6fd0;
  --c-info-soft: #eef4fd;

  /* 圆角 */
  --r-xs: 6px;
  --r-sm: 8px;
  --r: 12px;
  --r-lg: 18px;
  --r-xl: 26px;
  --r-pill: 999px;

  /* 阴影 */
  --sh-xs: 0 1px 2px rgba(51, 56, 63, 0.06);
  --sh-sm: 0 2px 8px rgba(51, 56, 63, 0.06);
  --sh: 0 8px 24px rgba(51, 56, 63, 0.08);
  --sh-lg: 0 18px 48px rgba(51, 56, 63, 0.12);
  --sh-up: 0 -8px 30px rgba(51, 56, 63, 0.07);

  /* 排版 */
  --font: 'PingFang SC', 'HarmonyOS Sans SC', 'Microsoft YaHei', 'Source Han Sans SC',
    'Noto Sans SC', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-num: 'SF Mono', 'JetBrains Mono', Consolas, 'Courier New', monospace;

  /* 容器与间距 */
  --container: 1200px;
  --container-narrow: 900px;
  --gap: 20px;
  --sec-pad: 72px;

  /* 层级 */
  --z-header: 100;
  --z-drawer: 200;
  --z-modal: 300;
  --z-toast: 400;
}

@media (max-width: 768px) {
  :root {
    --sec-pad: 44px;
    --gap: 14px;
  }
}