/* Hallmark · macrostructure: Marquee Hero · genre: modern-minimal · theme: Cobalt · nav: N1b-flush · footer: Ft2 · enrichment: none
 * 受众: 潜在客户/合作伙伴 · 用途: 展示企业服务/业务/文章/介绍，建立信任 · 调性: 现代·克制·技术感
 * paper oklch(98.5% 0.004 250) · accent oklch(58% 0.20 256) · Playfair Display + EB Garamond + IBM Plex Mono + Noto Serif SC
 * 三轴: 冷白底(light) / serif / 钴蓝(cool)
 * pre-emit critique: P5 H5 E4 S4 R5 V5 · contrast: pass(40-41) · slop: pass(42-45) · honest: pass(46) · chrome: pass(47) · tokens: pass(48) · responsive: pass(49) · mobile: pass(34,49,50-57) · icons: pass(30)
 */

:root {
  /* ── 调色板（OKLCH）───────────────────────────────────────── */
  --color-paper:       oklch(98.5% 0.004 250);   /* 冷白主底，非 #fff */
  --color-white:       oklch(100% 0 0);          /* 纯白，仅导航栏与 logo 白底融合用 */
  --color-paper-2:     oklch(96.5% 0.006 250);   /* 次级浅底，模块分隔 */
  --color-paper-3:     oklch(93.5% 0.008 250);   /* hover/嵌入表面 */
  --color-ink:         oklch(24% 0.02 258);      /* 冷炭黑标题，非 #000 */
  --color-ink-2:       oklch(34% 0.018 257);     /* 正文 */
  --color-ink-3:       oklch(46% 0.014 257);     /* 次要文字/描述/label，~4.6:1 on paper */
  --color-ink-4:       oklch(62% 0.012 257);     /* 仅大字辅助/占位（不用于 regular 正文） */

  --color-accent:      oklch(58% 0.20 256);      /* 电光钴蓝，唯一强调（装饰/边框/icon/按钮，非正文链接） */
  --color-accent-hover:oklch(52% 0.19 256);      /* 钴蓝 hover */
  --color-accent-soft: oklch(96% 0.03 256);      /* 钴蓝极淡底（眉标/chip） */
  --color-link:        oklch(46% 0.16 256);      /* 正文链接深钴蓝，~4.6:1 on paper（对比达标） */
  --color-accent-ink:  oklch(99% 0.005 250);     /* 钴蓝按钮上的文字 */

  --color-graphite:    oklch(22% 0.016 260);     /* 深色横带（关于我们） */
  --color-graphite-2:  oklch(28% 0.016 260);     /* 深色场景次级表面 */
  --color-graphite-ink:oklch(92% 0.008 250);     /* 深色场景正文 */
  --color-graphite-muted:oklch(66% 0.012 257);   /* 深色场景辅助文字 */

  --color-rule:        oklch(90% 0.006 250);     /* 1px 细边框（浅场景） */
  --color-rule-2:      oklch(82% 0.008 250);     /* 较强边框 */
  --color-rule-dark:   oklch(38% 0.014 257);     /* 深色场景边框 */

  --color-focus:       oklch(58% 0.20 256);      /* focus ring */
  --color-danger:      oklch(55% 0.18 28);       /* 错误/删除（仅后台/弹窗） */

  /* ── 字体 ─────────────────────────────────────────────────── */
  --font-display: "Playfair Display", "Noto Serif SC", ui-serif, Georgia, serif;
  --font-body:    "EB Garamond", "Noto Serif SC", ui-serif, Georgia, serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;

  /* ── 字阶（major third 1.25，16px 基准）───────────────────── */
  --text-xs:      0.64rem;   /* 10.24px — 仅 mono 标签 */
  --text-sm:      0.8rem;    /* 12.8px  */
  --text-base:    1rem;      /* 16px    */
  --text-md:      1.25rem;   /* 20px    */
  --text-lg:      1.5625rem; /* 25px    */
  --text-xl:      1.9531rem; /* 31.25px */
  --text-2xl:     2.4414rem; /* 39px    */
  --text-3xl:     3.0518rem; /* 49px    */
  --text-display-s: clamp(2rem, 3vw + 0.75rem, 3.25rem);
  --text-display:   clamp(2.5rem, 4.5vw + 0.75rem, 4.25rem);

  /* ── 间距（4pt scale）────────────────────────────────────── */
  --space-3xs: 0.25rem;  /*  4px */
  --space-2xs: 0.5rem;   /*  8px */
  --space-xs:  0.75rem;  /* 12px */
  --space-sm:  1rem;     /* 16px */
  --space-md:  1.5rem;   /* 24px */
  --space-lg:  2rem;     /* 32px */
  --space-xl:  3rem;     /* 48px */
  --space-2xl: 4rem;     /* 64px */
  --space-3xl: 6rem;     /* 96px */
  --space-4xl: 8rem;     /* 128px */

  /* ── 布局 ─────────────────────────────────────────────────── */
  --container-max: 1240px;                          /* 需求 1200–1280px */
  --container-narrow: 880px;                        /* 阅读列/文章弹窗正文 */
  --container-pad: clamp(1rem, 4vw, 1.5rem);        /* 移动端不贴边 */
  --nav-height: 88px;  /* 导航字体放大 1.5×，高度同步增加 */

  /* ── 圆角（drawn with a ruler）────────────────────────────── */
  --radius-sm: 6px;   /* 按钮 / 输入 / chip */
  --radius-md: 10px;  /* 卡片 / 图片 / 代码 */
  --radius-lg: 14px;  /* 弹窗 / 大表面 */
  --radius-pill: 999px;

  /* ── 边框 ─────────────────────────────────────────────────── */
  --rule-w: 1px;

  /* ── 动效 ─────────────────────────────────────────────────── */
  --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;   /* hover / 菜单 */
  --dur-long:     420ms;   /* 弹窗 / 抽屉 / 揭示 */
  --dur-carousel: 800ms;   /* 轮播单次移动（需求 700–900ms） */

  --carousel-stay:    3000ms;  /* 中间停留（需求 2500–3500ms） */
  --carousel-interval:4000ms;  /* 自动轮播间隔（需求 3500–4500ms） */

  /* ── 阴影（仅极淡，Cobalt 纪律）──────────────────────────── */
  --shadow-card: 0 1px 2px oklch(24% 0.02 258 / 0.05);
  --shadow-modal: 0 24px 60px oklch(22% 0.016 260 / 0.18), 0 8px 24px oklch(22% 0.016 260 / 0.12);
}