/* ============================================================
   M0 · 设计令牌（Design Tokens）
   全站唯一颜色/间距/圆角/阴影/缓动出口。
   换主题只改这里，不要在任何组件里写死色值。
   ============================================================ */

:root {
  /* ---- 品牌青色阶 ---- */
  --teal-50:  #f0fbfa;
  --teal-100: #d7f5f2;
  --teal-200: #aeeae5;
  --teal-300: #79dad4;
  --teal-400: #3ec4bd;
  --teal-500: #13a8a1;   /* 原站主色 */
  --teal-600: #0f9087;
  --teal-700: #0c746d;
  --teal-800: #0a5b56;
  --teal-900: #083f3c;

  /* ---- 中性墨色阶 ---- */
  --ink-950: #070c14;
  --ink-900: #0b1220;
  --ink-850: #101827;
  --ink-800: #151f31;
  --ink-700: #1f2937;
  --ink-600: #374151;
  --ink-500: #4b5563;
  --ink-400: #6b7280;
  --ink-300: #9ca3af;
  --ink-200: #d1d5db;
  --ink-100: #e5e9ee;

  /* ---- 表面与描边 ---- */
  --bg:        #ffffff;
  --bg-soft:   #f6faf9;
  --bg-mint:   #f0fbfa;
  --line:      #e6ecef;
  --line-hi:   #d3dde2;

  /* ---- 文字 ---- */
  --text:   #0d1526;
  --text-2: #48566b;
  --text-3: #68748a; /* 4.72:1 on white，原 #7b8798 只有 3.65 */
  --text-inv: #ffffff;
  --text-inv-2: rgba(255, 255, 255, .72);

  /* ---- 语义色 ---- */
  /* 文字/按钮载体：teal-500 (2.94) 不达标，正文改用 teal-700 (5.62) */
  --brand-ink:    var(--teal-700);
  --brand:        var(--teal-500);
  --brand-strong: var(--teal-600);
  --ok:   #10b981;
  --warn: #f59e0b;
  --bad:  #ef4444;

  /* ---- 圆角 ---- */
  --r-xs:   8px;
  --r-sm:   10px;
  --r-md:   14px;
  --r-lg:   20px;
  --r-xl:   28px;
  --r-pill: 999px;

  /* ---- 阴影 ---- */
  --sh-xs:   0 1px 2px rgba(9, 20, 38, .06);
  --sh-sm:   0 2px 6px rgba(9, 20, 38, .06), 0 1px 2px rgba(9, 20, 38, .04);
  --sh-md:   0 12px 28px -10px rgba(9, 20, 38, .16), 0 2px 6px rgba(9, 20, 38, .05);
  --sh-lg:   0 32px 64px -24px rgba(9, 20, 38, .24), 0 8px 20px -12px rgba(9, 20, 38, .12);
  --sh-glow: 0 20px 48px -18px rgba(19, 168, 161, .55);
  --sh-inset: inset 0 1px 0 rgba(255, 255, 255, .06);

  /* ---- 动效 ---- */
  --e-fast: .15s cubic-bezier(.2, .6, .3, 1);
  --e:      .25s cubic-bezier(.2, .6, .3, 1);
  --e-out:  .5s  cubic-bezier(.16, 1, .3, 1);
  --e-bounce: .34s cubic-bezier(.34, 1.56, .64, 1);

  /* ---- 布局 ---- */
  --container: 1180px;
  --gutter:    24px;
  --nav-h:     72px;
  --section-y: 104px;

  /* ---- 字体 ---- */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto,
          "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB",
          "Microsoft YaHei", sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  /* ---- 字阶（流式） ---- */
  --fs-xs:   .78rem;
  --fs-sm:   .875rem;
  --fs-base: 1rem;
  --fs-lg:   1.0625rem;
  --fs-xl:   1.25rem;
  --fs-2xl:  clamp(1.5rem, 1.2rem + 1vw, 1.9rem);
  --fs-3xl:  clamp(2rem, 1.5rem + 2vw, 2.9rem);
  --fs-hero: clamp(2.6rem, 1.6rem + 3.6vw, 4.1rem);
}