/* 幻刃科技官网 · 设计变量
   品牌色取自 Logo 像素（见 brand-spec.md）；派生色用 oklch 在同一色相上调亮度 */

@font-face {
  font-family: "Barlow";
  src: url("../fonts/barlow-500.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
  unicode-range: U+0000-00FF, U+2013-2014, U+2018-201D, U+2190-2193, U+2212, U+00B1, U+00D7;
}
@font-face {
  font-family: "Barlow";
  src: url("../fonts/barlow-600.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
  unicode-range: U+0000-00FF, U+2013-2014, U+2018-201D, U+2190-2193, U+2212, U+00B1, U+00D7;
}

:root {
  /* 品牌 */
  --brand: #0870b8;                       /* Logo 蓝，按钮底色，白字 5.2:1 */
  --brand-hi: oklch(0.70 0.13 249);       /* 深底上的文字链接 */
  --brand-deep: #005090;                  /* Logo 深蓝 */
  --brand-tint: oklch(0.53 0.135 249 / 0.14);

  /* 深色 */
  --bg-0: #0a0f17;
  --bg-1: #111925;
  --bg-2: #16202e;                        /* 手册海军蓝 */
  --line: rgb(255 255 255 / 0.08);
  --line-strong: rgb(255 255 255 / 0.16);
  --ink-hi: #f3f6fa;
  --ink-mid: rgb(243 246 250 / 0.70);
  --ink-lo: rgb(243 246 250 / 0.48);

  /* 浅色 */
  --paper: #f2f4f7;
  --paper-2: #e7ebf0;
  --paper-line: rgb(14 20 28 / 0.09);
  --ink: #0e141c;
  --ink-2: #5a6474;                       /* 手册灰 */

  /* 字体 */
  --font-cn: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --font-display: "Barlow", var(--font-cn);

  --fs-hero: clamp(36px, 5.2vw, 76px);
  --fs-h2: clamp(28px, 3.4vw, 48px);
  --fs-h3: clamp(20px, 1.8vw, 26px);
  --fs-lead: clamp(16px, 1.25vw, 19px);
  --fs-body: 16px;
  --fs-small: 14px;
  --fs-tag: 13px;

  /* 间距（8pt） */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 128px;
  --section-y: clamp(80px, 10vw, 160px);
  --gutter: clamp(20px, 4vw, 56px);
  --container: 1320px;

  /* 圆角 / 阴影 */
  --r-btn: 6px;
  --r-card: 12px;
  --shadow-pop: 0 24px 60px -20px rgb(0 0 0 / 0.55), 0 0 0 1px var(--line);

  /* 动效 */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast: 200ms;
  --t-slow: 700ms;

  --header-h: 64px;
  --mbar-h: 56px;
}

/* Tweaks：手册蓝 */
:root[data-accent="manual"] {
  --brand: #1d4ed8;
  --brand-hi: oklch(0.70 0.15 264);
  --brand-deep: #1e3a8a;
  --brand-tint: oklch(0.49 0.21 264 / 0.14);
}

@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: 0ms; --t-slow: 0ms; }
}