/* ============================================================
   拾色志 / 旭禾文化 · tokens.css
   全站唯一设计 token 定义源（PRD §6 统一取值）

   【层级】tokens.css ① → components.css ② → 页面 style.css ③
   规则：任何页面级 CSS 都不得再定义 :root，也不得重定义本文件中的变量。

   【权威断点】CSS 自定义属性不能用于 @media，故以注释声明权威值，
   代码中硬编码这两个数字（现有 760 / 860 全部收敛）：
     --bp-md : 768px   手机 ↔ 平板（导航折叠 / 瀑布流单列 / 卡片单列）
     --bp-lg : 900px   平板 ↔ 桌面（hero 双栏拆分 / 能力卡三列拆单列）
     --bp-xl : 1200px  容器最大宽
   ============================================================ */

:root {
  /* ---------- 6.1 色彩 ---------- */
  --ink: #141414;            /* 主文字 / 边框 / 深底 */
  --paper: #FAF8F5;          /* 页面底色（取档案馆值） */
  --paper-card: #FFFFFF;     /* 卡片底 */
  --paper-subtle: #F0EDE6;   /* 次级区块底 */
  --brand: #D92525;          /* 康保红 · 唯一强调色 */
  --brand-hover: #B71C1C;    /* 强调色 hover */
  --gold: #D48C45;           /* 焦橙 · 点睛 + 印刷预警 */
  --warn: #D48C45;           /* --gold 的兼容别名，保留一期后删除 */
  --warn-bg: #FAF3EB;        /* 预警条底 */
  --dim: #55534E;            /* 次级文字 */
  --faint: #8C887B;          /* 三级文字 / 页脚 */
  --line: #E5E0D8;           /* 分隔线 */
  --line-dark: #141414;      /* 硬边框（瑞士网格） */
  --on-dark: #B9B5AC;        /* 深底上的次级文字 */
  --lum-threshold: 0.45;     /* 文字随背景深浅自适应阈值（文档化；代码仍用常量） */

  /* ---------- 6.2 间距（4 的倍数） ---------- */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;
  --s7: 48px;
  --s8: 64px;
  --s9: 96px;
  --gutter: clamp(20px, 4vw, 32px);   /* 页面左右安全边 */
  --container: 1200px;                /* 容器最大宽 */

  /* ---------- 6.3 圆角（异形几何） ---------- */
  --r-none: 0px;                                        /* 默认（瑞士网格硬边） */
  --r-sm: 2px;                                          /* 小元件 */
  --r-md: 4px;                                          /* 卡片一角 / 按钮 */
  --r-lg: 26px;                                         /* 卡片对角 */
  --r-xl: 34px;                                         /* 大容器（色彩带 / 联系区） */
  --r-pill: 99px;                                       /* 标签 / Toast / CTA */
  --r-blob: 58% 42% 55% 45% / 45% 55% 45% 55%;          /* 有机色块 */
  --r-organic-a: 4px 26px 4px 26px;                     /* 预设不对称组合 A（卡片） */
  --r-organic-b: 2px 18px 2px 18px;                     /* 预设不对称组合 B（小卡 / 徽标） */

  /* ---------- 6.4 字阶 ---------- */
  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
  --font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --t-hero: clamp(38px, 7.2vw, 88px);   --t-hero-lh: 1.22;   /* 主站 h1 */
  --t-h1: clamp(28px, 3.8vw, 42px);     --t-h1-lh: 1.15;     /* 档案页 h1 */
  --t-h2: clamp(24px, 2.6vw, 34px);     --t-h2-lh: 1.25;     /* 区块标题 */
  --t-h3: clamp(17px, 2vw, 21px);       --t-h3-lh: 1.4;      /* 卡片标题 */
  --t-body: 15.5px;                     --t-body-lh: 1.8;    /* 正文（统一到主站值） */
  --t-small: 13px;                                            /* 说明 */
  --t-micro: 11px;                                            /* kicker / 页脚 */
  --ls-kicker: .25em;                                         /* 全大写小标签字距 */
  --ls-brand: .14em;                                          /* 品牌名字距 */

  /* ---------- 6.5 动效 ---------- */
  --ease: cubic-bezier(.16, 1, .3, 1);              /* 通用缓出（修复档案馆悬空） */
  --ease-bounce: cubic-bezier(.34, 1.56, .64, 1);   /* 色块果冻弹跳 */
  --dur-fast: .2s;                                  /* hover / 颜色 */
  --dur-base: .35s;                                 /* 常规过渡 */
  --dur-slow: .8s;                                  /* reveal 入场 */
  --dur-slower: 1.1s;                               /* 主站大区块入场 */
  --stagger-1: .08s;                                /* 子元素错落延迟 1 */
  --stagger-2: .16s;                                /* 子元素错落延迟 2 */
  --stagger-3: .24s;                                /* 子元素错落延迟 3 */
  --shadow-card: 0 12px 28px rgba(20, 20, 20, .08); /* 卡片常态阴影 */
  --shadow-lift: 0 26px 52px rgba(20, 20, 20, .12); /* 卡片 hover */
  --shadow-hard: 6px 6px 0 var(--ink);              /* 硬阴影（模拟器卡片） */
  --z-blob: 0;                                      /* 层级：装饰 blob */
  --z-nav: 100;                                     /* 层级：顶栏 */
  --z-toast: 999;                                   /* 层级：Toast */

  /* ---------- 组件尺寸常量（组件层消费，集中在此便于统一调整） ---------- */
  --topbar-h: 64px;                                 /* 顶栏高度（主站可覆盖为 72px） */
}

/* ---------- 全局动效降级（P0-05）：统一在此，页面级不再各写一份 ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}