/* Hallmark · tokens — 合贝咨询 · Grid adapted to brand
 * source of truth for the site's system. 只放令牌，不放规则。 */

:root {
  color-scheme: light;

  /* ── 间距：4px 网格 ───────────────────────────── */
  --space-3xs: 2px; --space-2xs: 4px; --space-xs: 8px; --space-sm: 12px;
  --space-md: 16px; --space-lg: 24px; --space-xl: 40px;
  --space-2xl: 64px; --space-3xl: 96px; --space-4xl: 144px;

  /* ── 字号阶梯 ─────────────────────────────────── */
  --text-xs: 0.8125rem;  --text-sm: 0.875rem; --text-md: 1rem;
  --text-lg: 1.25rem;    --text-xl: 1.5625rem; --text-2xl: 1.953rem;
  --text-3xl: 2.441rem;
  --text-display-s: clamp(2.25rem, 4vw + 0.5rem, 3.75rem);
  --text-display:   clamp(2.75rem, 5vw + 1rem, 5.25rem);
  --text-section:   clamp(2rem, 2.5vw + 1rem, 3.5rem);
  --text-title:     clamp(1.25rem, 0.75vw + 0.875rem, 1.625rem);
  --text-lead:      clamp(1.125rem, 0.35vw + 1rem, 1.375rem);

  /* ── 动效 ─────────────────────────────────────── */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms; --dur-short: 220ms; --dur-long: 420ms;

  /* ── 状态色 ───────────────────────────────────── */
  --color-error: oklch(48% 0.19 27.5);
  --color-success: oklch(48% 0.12 150);

  /* ── 画布 ─────────────────────────────────────── */
  --container: 1440px;
  --gutter: 64px;
  --gap-columns: 32px;
  --section-gap-s: 120px; --section-gap: 144px; --section-gap-l: 176px;
  --nav-h: 72px;

  --z-base: 1; --z-raised: 10; --z-dropdown: 100; --z-sticky: 200;
  --z-sticky-nav: 300; --z-modal: 400; --z-toast: 500; --z-tooltip: 600;

  /* ── 品牌色：暖纸 + 墨 + 印章红 + 金 ─────────── */
  --color-paper:   oklch(98.0% 0.0057 84.6);
  --color-paper-2: oklch(95.5% 0.0111 89.7);
  --color-paper-3: oklch(91.6% 0.0154 90.2);
  --color-ink:     oklch(25.2% 0.0113 91.7);
  --color-ink-2:   oklch(34.0% 0.0120 90.0);
  --color-muted:   oklch(45.0% 0.0130 85.0);
  --color-rule:    oklch(88.0% 0.0140 90.0);
  --color-rule-strong: oklch(25.2% 0.0113 91.7);

  /* 红只做两件事：铺面（按钮/强调带）与标记（细线/编号）。 */
  --color-accent:     oklch(53.4% 0.2032 27.5);
  --color-accent-deep: oklch(44.0% 0.1800 27.5);
  --color-accent-ink: oklch(98.0% 0.0057 84.6);
  --color-focus:      oklch(44.0% 0.1900 27.5);
  --color-field:      oklch(53.4% 0.2032 27.5);
  --color-field-ink:  oklch(98.0% 0.0057 84.6);

  /* 金只做标记，不承文字。 */
  --color-mark:     oklch(68.1% 0.1343 83.6);
  --color-mark-ink: oklch(25.2% 0.0113 91.7);

  /* ── 字体：一套无衬线，靠字号/字重/字距分层 ──── */
  --font-display: "Segoe UI Variable Display", "PingFang SC", "HarmonyOS Sans SC", "Source Han Sans SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-body:    "Segoe UI Variable Text", "PingFang SC", "HarmonyOS Sans SC", "Source Han Sans SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-outlier: ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace;

  /* ── 形态：方角、无阴影、只用规则线 ───────────── */
  --radius-card: 0;
  --radius-pill: 0;
  --rule-hair: 1px;
  --shadow-card: none;

  --tracking-display: -0.01em;
  --tracking-label: 0.02em;
  --display-weight: 700;
  --measure: 65ch;
}

@media (max-width: 60rem) {
  :root { --gutter: 24px; --section-gap-s: 80px; --section-gap: 96px; --section-gap-l: 120px; --nav-h: 64px; }
}
@media (max-width: 40rem) {
  :root { --gutter: 16px; --section-gap-s: 56px; --section-gap: 72px; --section-gap-l: 96px; --gap-columns: 16px; }
}