/* ==========================================================================
   tokens.css — 中若健康 · 品牌首页设计令牌
   方向：暗调仪式感（Ritual Dark）
   深墨绿夜幕承载单一酸性亮绿「破界之光」，其余一切保持克制。
   所有组件只允许引用变量，禁止硬编码色值与尺寸。
   ========================================================================== */

:root {
  /* ------------------------------------------------------------------
     色彩 · 深墨绿夜幕
     对应主视觉从左侧深绿到裂缝亮绿的层次
     ------------------------------------------------------------------ */
  --color-bg:        #02120a; /* 页面主底色：近黑的墨绿 */
  --color-bg-deep:   #010b06; /* 更深一档，用于页脚与压暗 */
  --color-surface:   #06231a; /* 抬升表面：抽屉菜单 */

  --color-text:      #eefaf1; /* 正文近白，带一丝绿相，避免纯白刺眼 */
  --color-text-soft: #c3ded0; /* 次级文本 */
  --color-muted:     #7ea691; /* 弱化文本 / 标签 */

  /* 强调色纪律：全站只有一个强调色，只留给「光」 */
  --color-accent:      #6dffab; /* 破界之光 */
  --color-accent-deep: #00c46a; /* 光的沉降色，用于渐变与描边 */
  --color-accent-soft: #a8ffcb; /* 高亮端点 */

  --color-border:      rgba(168, 255, 203, 0.14); /* 发丝分隔线 */
  --color-border-firm: rgba(168, 255, 203, 0.28);

  /* 顶栏滚动态的毛玻璃底 */
  --scrim-header: rgba(2, 18, 10, 0.78);

  --glow-strong: 0 0 40px rgba(109, 255, 171, 0.45);
  --glow-soft:   0 0 90px rgba(109, 255, 171, 0.22);

  /* ------------------------------------------------------------------
     字体 · 中文粗黑 + 拉丁细衬线斜体
     拉丁展示字压不住中文的厚重，正好形成张力；两者都不在通用字体清单内。
     ------------------------------------------------------------------ */
  --font-display-cn: "Noto Sans SC", "Source Han Sans SC", "PingFang SC",
                     "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;
  --font-display-latin: "Cormorant Garamond", "Songti SC", "Georgia",
                        "Times New Roman", serif;
  --font-body: "IBM Plex Sans", "Noto Sans SC", "Source Han Sans SC",
               "PingFang SC", "Microsoft YaHei", sans-serif;

  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 700;
  --weight-black: 900;

  /* ------------------------------------------------------------------
     字阶 · 1.25 比例，随视口流体缩放
     ------------------------------------------------------------------ */
  --fs-100: 0.6875rem; /* 11px 标签下缘 */
  --fs-200: clamp(0.75rem, 0.73rem + 0.1vw, 0.8125rem);
  --fs-300: clamp(0.8125rem, 0.79rem + 0.12vw, 0.875rem);
  --fs-400: clamp(0.9375rem, 0.9rem + 0.19vw, 1rem);
  --fs-500: clamp(1.0625rem, 1rem + 0.32vw, 1.25rem);
  --fs-600: clamp(1.375rem, 1.25rem + 0.63vw, 1.5625rem);
  --fs-700: clamp(1.75rem, 1.45rem + 1.5vw, 2.5rem);
  --fs-800: clamp(2.5rem, 1.8rem + 3.4vw, 4.25rem);
  --fs-900: clamp(3.25rem, 1.8rem + 6.8vw, 7rem);

  --lh-heading: 1.12;
  --lh-body: 1.75;
  --tracking-tight: -0.03em;
  --tracking-normal: 0.02em;
  --tracking-wide: 0.18em;
  --tracking-wider: 0.32em;

  /* ------------------------------------------------------------------
     间距梯度
     ------------------------------------------------------------------ */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --space-7: 96px;
  --space-8: 140px;

  --shell-max: 1440px; /* 内容区最大宽度 */

  /* ------------------------------------------------------------------
     形状
     ------------------------------------------------------------------ */
  --radius-pill: 999px;
  --radius-sm: 3px;

  /* ------------------------------------------------------------------
     动效
     ------------------------------------------------------------------ */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 160ms;
  --dur-base: 320ms;
  --dur-slow: 640ms;
  --dur-scene: 900ms;
}