/* ==========================================================================
   套朴营销 · 品牌设计令牌 (brand tokens)
   全站唯一的颜色 / 字体 / 间距来源。

   色值来源（2026-09-18 素材包）：
     酒红   #76192A
     香槟金 #D6B06B
     暖米白 #FFF9EF
   这三个是既有物料（客户案例海报）中实际使用的值。按交接说明，
   正式官网的统一色值仍须由设计核定，因此它们是当前可用的品牌基准，
   而不是已锁定的最终规范。核定后请更新本文件并记录核定人 / 日期 / 来源文件。

   深色底上的派生值（--wine-800/900、--gold-300 等）是为了在保持品牌色相
   的前提下做出层次而推导的，同样需要一并核定。
   ========================================================================== */

:root {
  color-scheme: light;

  /* --- 酒红 Wine --------------------------------------------------------- */
  --wine-900: #4A0E18;
  --wine-800: #5E1421;
  --wine-700: #76192A;   /* 品牌酒红 */
  --wine-600: #8E2234;
  --wine-500: #A62D42;

  /* --- 香槟金 Champagne Gold ---------------------------------------------
     使用规则（硬性）：
       允许 —— 深色底（酒红 / 墨色）上的标题、小字、细线与装饰；
       禁止 —— 浅色底（暖米白系）上的正文与小于 18px 的文字。
     浅底上的标签、眉标一律用 --wine-600 / --ink-500 以保证对比度。 */
  --gold-700: #8A6C2E;
  --gold-600: #A8853C;
  --gold-500: #C29C52;
  --gold-400: #D6B06B;   /* 品牌香槟金 */
  --gold-300: #E4C88F;
  --gold-100: #F4E9D3;

  /* --- 暖米白 Warm Cream -------------------------------------------------- */
  --cream-50: #FFF9EF;   /* 品牌暖米白 */
  --cream-100: #FAF1E2;
  --cream-200: #F0E4D1;
  --cream-300: #DFD0B8;

  /* --- 墨 Ink（暖中性色，与米白同色温） ---------------------------------- */
  --ink-900: #211A15;
  --ink-800: #2E2620;
  --ink-700: #3E342C;
  --ink-500: #6B5E54;
  /* --ink-400 用于 12–13px 的小字，已按 WCAG AA 校正，
     在 --cream-50 上对比度约 4.9:1，不要再调浅。 */
  --ink-400: #7A6C60;

  /* --- 语义色 ------------------------------------------------------------- */
  --bg: var(--cream-50);
  --bg-alt: var(--cream-100);
  --text: var(--ink-900);
  --text-muted: var(--ink-500);
  --accent: var(--wine-700);
  --accent-strong: var(--wine-800);
  --gold: var(--gold-400);

  --line: rgba(33, 26, 21, .13);
  --line-soft: rgba(33, 26, 21, .07);
  --line-gold: rgba(194, 156, 82, .45);
  --line-on-dark: rgba(255, 249, 239, .18);

  --on-dark: rgba(255, 249, 239, .93);
  --on-dark-muted: rgba(255, 249, 239, .64);

  /* --- 字体 ---------------------------------------------------------------
     不使用任何需要外链加载的字体：目标地区可能存在加载失败、渲染阻塞与隐私合规
     问题。中文用系统黑体，大标题用系统宋体，形成 editorial 的权威感。 */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans SC",
    "Helvetica Neue", Arial, sans-serif;
  --font-display: "Songti SC", "STSong", "Source Han Serif SC", "Noto Serif SC",
    "Times New Roman", Georgia, serif;

  /* --- 排版 ---------------------------------------------------------------
     正文 17px（指南要求 16–18px）。中文行高取 1.85 以保证长段落可读。 */
  --fs-body: 17px;
  --lh-body: 1.85;
  --fs-lead: clamp(17px, 1.35vw, 20px);
  --fs-h1: clamp(2.1rem, 4.6vw, 3.8rem);
  --fs-h2: clamp(1.7rem, 3.1vw, 2.7rem);
  --fs-h3: clamp(1.2rem, 1.6vw, 1.5rem);
  --fs-label: 12.5px;
  --fs-small: 14px;
  --ls-label: .18em;

  /* --- 空间 --------------------------------------------------------------- */
  --wrap: 1200px;
  --wrap-wide: 1340px;
  --gutter: clamp(20px, 4vw, 40px);
  --sec-y: clamp(72px, 8.5vw, 132px);

  /* --- 圆角 / 阴影 -------------------------------------------------------- */
  --r-sm: 3px;
  --r-md: 4px;
  --r-lg: 6px;
  --shadow-sm: 0 1px 2px rgba(33, 26, 21, .05);
  --shadow-md: 0 20px 46px -26px rgba(33, 26, 21, .38);

  /* --- 动效 --------------------------------------------------------------- */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --dur: .6s;
}
