/* tokens.css —— 全部设计令牌唯一来源（Single Sink，master §4 L1 / design-spec §1）
   组件 CSS 只引用变量，禁止改写数值；变更走 design-spec 修订流程。 */

:root {
  /* ── 色板（design-spec §1.1）────────────────────────────── */
  /* 品牌橙 */
  --c-brand: #FF5200;
  --c-brand-2: #FF8C42;
  --c-brand-deep: #C44000;      /* CTA hover */
  --c-brand-100: #FFE0CC;
  --c-brand-200: #FFD8C0;
  --c-brand-300: #FFDABF;
  --c-brand-400: #FFD0B0;
  --c-brand-500: #FFCFB3;

  /* 暖底 */
  --c-warm-50: #FFF6EF;         /* Footer/浅底 */
  --c-warm-100: #FFF2EB;        /* 区块底 */
  --c-bg: #F8F7F5;              /* 页面底 */
  --c-bg-warm: #F0EDE8;

  /* 中性文本 */
  --c-ink: #111;                /* 主标题 */
  --c-ink-2: #222;
  --c-ink-3: #333;
  --c-ink-4: #444;
  --c-gray-600: #555;
  --c-gray-500: #666;
  --c-gray-400: #777;
  --c-gray-300: #888;
  --c-gray-200: #999;
  --c-gray-150: #AAA;
  --c-gray-100: #BBB;

  /* 背景/边框 */
  --c-surface: #fff;
  --c-border: #EAEAE8;          /* 卡片边框 */
  --c-border-2: #C0BCBA;
  --c-surface-2: #EDE9E4;
  --c-surface-3: #E4E0DB;

  /* 功能色 */
  --c-success: #059669;
  --c-success-bg: #ECFDF5;
  --c-success-bg-2: #D1FAE5;
  --c-purple: #7C3AED;          /* 社媒达人/长尾案例 */
  --c-purple-bg: #EEF2FF;
  --c-purple-bg-2: #DDD6FE;
  --c-danger: #DC2626;          /* 差评指标 */
  --c-blue: #2563EB;
  --c-warn: #FBBF24;
  --c-green-bg: #F0FDF4;

  /* ── 字号阶梯（L1 流式；h1/display/cta 直取设计公式，余 P16 校准）── */
  --fs-display: clamp(180px, 22vw, 320px);   /* 装饰水印大字 WHO/POD */
  --fs-h1: clamp(44px, 6.4vw, 92px);         /* Hero 主标题 */
  --fs-cta-title: clamp(32px, 6vw, 76px);    /* 最终 CTA 标题 */
  --fs-h2: clamp(28px, 3.6vw, 44px);         /* 区块标题 P16 校准 */
  --fs-h3: clamp(19px, 2.2vw, 26px);         /* 卡片标题 P16 校准 */
  --fs-body: clamp(15px, 1.1vw, 17px);       /* 正文（设计基准 15px） */
  --fs-small: clamp(13px, 1vw, 14px);
  --fs-xs: 12px;                             /* 眉题/小标 */

  /* ── 间距（4px 基数 × clamp 因子）─────────────────────── */
  --sp-1: clamp(4px, 0.4vw, 6px);
  --sp-2: clamp(8px, 0.7vw, 10px);
  --sp-3: clamp(12px, 1vw, 14px);
  --sp-4: clamp(16px, 1.3vw, 20px);
  --sp-6: clamp(24px, 2vw, 28px);
  --sp-8: clamp(32px, 2.6vw, 40px);
  --sp-12: clamp(48px, 4vw, 60px);
  --sp-16: clamp(64px, 5.4vw, 84px);
  --section-px: clamp(24px, 3.33vw, 96px); /* 区块左右内边距（px-6 lg:px-12 连续化；3.33vw@1440=48px 精确对齐源站基准，P05 校准） */
  --section-py: clamp(56px, 7vw, 112px);     /* 区块上下内边距 P16 校准 */

  /* ── 布局 ──────────────────────────────────────────── */
  --container-max: 1320px;                   /* master §4；P16 按设计核实 */
  --hero-min-h: 100svh;                      /* 折叠屏/移动工具栏动态视口 */

  /* ── 圆角 ──────────────────────────────────────────── */
  --r-card: 16px;                            /* CARD_STYLE */
  --r-btn: 12px;
  --r-pill: 9999px;

  /* ── 阴影（design-spec §1.3 全量 18 组，命名见 plan §5）── */
  --shadow-card: 0 1px 2px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.05), 0 16px 36px rgba(0,0,0,0.05);
  --shadow-modal-wechat: 0 8px 16px rgba(0,0,0,0.06), 0 32px 80px rgba(0,0,0,0.16);
  --shadow-modal: 0 4px 8px rgba(0,0,0,0.04), 0 24px 72px rgba(0,0,0,0.2);
  --shadow-qr: 0 0 0 8px #F7F6F4, 0 16px 48px rgba(0,0,0,0.10);
  --shadow-float-weak: 0 2px 8px rgba(0,0,0,0.04), 0 12px 40px rgba(0,0,0,0.04);
  --shadow-brand-card: 0 4px 16px rgba(255,82,0,0.28);
  --shadow-pod-bar: 4px 0 20px rgba(255,82,0,0.5);
  --shadow-brand-glow: 0 8px 40px rgba(255,82,0,0.08);
  --shadow-brand-btn: 0 8px 28px rgba(255,82,0,0.3);
  --shadow-cta-lg: 0 6px 28px rgba(255,82,0,0.38);
  --shadow-cta: 0 4px 20px rgba(255,82,0,0.30);
  --shadow-stat-mobile: 0 4px 24px rgba(0,0,0,0.07);
  --shadow-overlay: 0 2px 4px rgba(0,0,0,0.04), 0 12px 40px rgba(0,0,0,0.08);
  --shadow-nav-cta: 0 1px 2px rgba(255,82,0,0.25), 0 4px 12px rgba(255,82,0,0.25);
  --shadow-cta-hover: 0 12px 40px rgba(255,82,0,0.3);
  --shadow-avatar-ring: 0 0 0 2px #fff, 0 0 0 3.5px #FF5200;
  --shadow-lm-btn: 0 6px 24px rgba(255,82,0,0.28);
  --shadow-tab-active: 0 2px 16px rgba(0,0,0,0.09);

  /* ── 字体栈 ────────────────────────────────────────── */
  --font-latin: 'Space Grotesk', 'Inter', sans-serif;          /* 标题/数字（woff2 P04 接入） */
  --font-sans: Inter, -apple-system, 'PingFang SC', 'HarmonyOS Sans SC', 'MiSans', 'Microsoft YaHei', system-ui, sans-serif;
  --font-emoji: 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Consolas, monospace;
}