/* ==========================================================================
   GPT108 · Tokens  ——  设计系统 "Atelier"
   视觉基调:暖纸底 (paper) + 深松绿 (pine) 主色 + 真金 (gold) 锐点缀,
   配 Bricolage Grotesque 展示字体,编辑/精品质感,克制而有张力。
   所有其他样式都基于这里的 token;变量名保持稳定以便全站级联。
   ========================================================================== */

:root {
  /* ---------- Surfaces(暖纸) ---------- */
  --bg-base: #F6F1E7;
  --bg-card: #FFFEFB;
  --bg-tint: #EFE7D7;

  /* ---------- Gradient stops(松绿 + 金 + 鼠尾草,背景极光用) ---------- */
  --grad-pink:     #EBD3A0;   /* 暖金沙 */
  --grad-peach:    #E3BE7F;   /* 真金 */
  --grad-lavender: #B6DBC9;   /* 柔鼠尾草 */
  --grad-blue:     #9CD0BC;   /* 松绿鼠尾草 */
  --grad-cyan:     #CDE9DC;   /* 淡薄荷 */
  --grad-mint:     #E0CCA0;   /* 淡金 */

  /* ---------- Ink(墨绿黑文字层级) ---------- */
  --ink-1: #141C18;
  --ink-2: #38433D;
  --ink-3: #5E6A63;
  --ink-4: #8C968F;
  --ink-5: #CBD3CC;

  /* ---------- Brand(深松绿主色 · 沿用 --blue-* 命名以便全站级联) ---------- */
  --blue-500: #0F6B56;
  --blue-600: #0C5749;
  --blue-700: #08443A;
  --blue-50:  #E6F0EB;
  --blue-100: #BFDCD0;

  /* ---------- Accent(真金点缀色) ---------- */
  --accent-50:  #F7EACB;
  --accent-100: #EFD6A2;
  --accent-500: #C98A2B;
  --accent-600: #A86E16;
  --accent-700: #855811;

  --dark-pill:       #141C18;
  --dark-pill-hover: #26302B;

  /* ---------- Lines(墨绿调描边) ---------- */
  --line-1: rgba(20, 28, 24, 0.07);
  --line-2: rgba(20, 28, 24, 0.12);
  --line-3: rgba(20, 28, 24, 0.20);

  /* ---------- Typography ---------- */
  --font-sans: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei",
               "Bricolage Grotesque", -apple-system, BlinkMacSystemFont,
               "Noto Sans SC", system-ui, sans-serif;
  /* 拉丁标题 / 字标 / 数字专用:个性几何衬线感 Bricolage Grotesque,区别于正文 */
  --font-display: "Bricolage Grotesque", "PingFang SC", "HarmonyOS Sans SC",
                  "Microsoft YaHei", system-ui, sans-serif;

  /* ---------- Layout ---------- */
  --shell: 1200px;

  /* ---------- Radii(精品级,略放大但不圆滚) ---------- */
  --radius-xl: 20px;
  --radius-lg: 15px;
  --radius-md: 12px;
  --radius-sm: 9px;
  --radius-xs: 6px;

  /* ---------- Shadows(松绿微光 + 更通透的层次) ---------- */
  --shadow-xs:  0 1px 2px rgba(20, 28, 24, 0.05);
  --shadow-sm:  0 2px 8px rgba(20, 28, 24, 0.06), 0 1px 2px rgba(20, 28, 24, 0.05);
  --shadow-md:  0 14px 32px -14px rgba(20, 28, 24, 0.16), 0 2px 6px rgba(20, 28, 24, 0.05);
  --shadow-lg:  0 30px 60px -22px rgba(20, 28, 24, 0.24), 0 6px 16px rgba(20, 28, 24, 0.07);
  --shadow-pop: 0 34px 70px -18px rgba(15, 107, 86, 0.24), 0 10px 22px -6px rgba(20, 28, 24, 0.08);
  --shadow-btn: 0 10px 24px -6px rgba(15, 107, 86, 0.42);

  /* ---------- 触控热区 ---------- */
  --touch-target: 44px;

  /* ---------- 安全区 ---------- */
  --safe-top:    env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left:   env(safe-area-inset-left, 0px);
  --safe-right:  env(safe-area-inset-right, 0px);
}

/*
 * 断点参考:sm 480 / md 768 / lg 1024 / xl 1280
 */