/* Arvea — design tokens
   Apple 式排版 + 蓝色基调。组件只引用变量，不写裸色值。 */

/* 西文近似 SF 的开源字体（SF Pro 为 Apple 专有，无法随站分发） */
@font-face {
  font-family: "Inter";
  src: url("./fonts/inter-latin-variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
    U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* 底色与文字 */
  --bg: #fbfbfd;
  --bg-alt: #f5f5f7;
  --card: #ffffff;
  --ink: #1d1d1f;
  --ink-2: #424245;
  --muted: #6e6e73;
  --line: #d2d2d7;
  --line-soft: rgb(0 0 0 / 0.07);

  /* 蓝 */
  --blue: #0071e3;
  --blue-hover: #0077ed;
  --blue-bright: #2997ff;
  --blue-deep: #0040a0;
  --blue-wash: #eaf3fd;

  /* 深色区 */
  --night: #070a12;
  --night-2: #0c1220;
  --night-text: #f5f5f7;
  --night-muted: #a1a1a6;
  --night-line: rgb(255 255 255 / 0.12);

  /* 字体：优先 SF Pro / 苹方（Apple 设备），其余平台用 Inter + Noto Sans SC 近似 */
  --font: "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI",
    "PingFang SC", "Noto Sans SC", "Source Han Sans CN", "Microsoft YaHei", sans-serif;
  --font-mono: "SF Mono", "SF Pro Text", "Inter", ui-monospace, "Cascadia Mono", Consolas, monospace;

  /* 字阶 */
  --text-hero: clamp(3.1rem, 8.2vw, 7.2rem);
  --text-h2: clamp(2.1rem, 4.8vw, 4rem);
  --text-h3: clamp(1.25rem, 1.8vw, 1.625rem);
  --text-lede: clamp(1.0625rem, 1.55vw, 1.4375rem);
  --text-body: 1.0625rem;
  --text-small: 0.875rem;
  --text-xs: 0.75rem;
  --text-stat: clamp(2.75rem, 5vw, 4.25rem);

  --leading-tight: 1.06;
  --leading-snug: 1.28;
  --leading-body: 1.72;
  --tracking-tight: -0.028em;
  --tracking-snug: -0.012em;

  /* 间距 */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;

  /* 版式 */
  --container: 70rem;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --section-y: clamp(2.75rem, 5vw, 4rem);
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-pill: 980px;

  --nav-h: 3.25rem;
  --shadow-card: 0 32px 80px -28px rgb(6 12 30 / 0.35), 0 2px 8px rgb(6 12 30 / 0.05);
  --shadow-soft: 0 18px 50px -24px rgb(6 12 30 / 0.22);

  --dur-fast: 180ms;
  --dur-base: 320ms;
  --dur-slow: 800ms;
  --ease: cubic-bezier(0.28, 0.11, 0.32, 1);
}