/* =========================================================
   tokens.css —— 品牌设计令牌
   色值取自 A3 折页实测取色（logo 底金、金面板、纸白），非推测值。
   ========================================================= */

:root {
  /* 金色阶 */
  --gold-100: #F3E7CC;
  --gold-200: #E3C88E;
  --gold-300: #CDAC6E;   /* 折页正面中栏浅金：光晕、hover 描边 */
  --gold-400: #CCA556;   /* logo 底金：装饰、渐变起点 */
  --gold-500: #C49641;   /* 背面金面板底 */
  --gold-600: #A87C2A;   /* 深金面板底，可承载白色大标题（AA Large） */
  --gold-700: #8C6A25;   /* 白底上的金字、图标、链接（AA 4.99:1） */

  /* 面板实测色：与裁切图的底色一致，保证图与面板无缝衔接 */
  --panel-gold: #CCA559;
  --panel-ivory: #F9F5ED;

  /* 墨色与纸色 */
  --ink-900: #14110C;    /* 标题与正文；金面板上的正文（8.15:1） */
  --ink-700: #2C2620;
  --ink-600: #4A443C;    /* 次级正文、英文眉标（纸白上 9.6:1） */
  --ink-500: #6B6459;    /* 弱化但仍需可读的小字label（paper-50 上 5.47:1，达 AA） */
  --ink-400: #8A8279;    /* 3.5:1，不达 AA：只用于装饰与非文字元素，不得作正文 */
  --paper-0: #FFFFFF;
  --paper-50: #FAF7F1;
  --paper-100: #F3EDE3;
  --line-soft: rgba(20, 17, 12, 0.10);
  --line-gold: rgba(140, 106, 37, 0.28);

  /* 渐变 */
  --grad-gold: linear-gradient(100deg, #E3C88E, #C49641 45%, #8C6A25);
  --grad-panel: linear-gradient(155deg, #D8B36A, var(--panel-gold) 42%, #B8862F);
  --grad-fade-down: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, var(--paper-0) 82%);

  /* 字体 */
  --font-display: "Noto Serif TC", "Songti TC", "PMingLiU", "Microsoft JhengHei", serif;
  --font-body: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Hiragino Sans GB", sans-serif;
  --font-latin: "Manrope", var(--font-body);
  --font-num: "Cormorant Garamond", "Noto Serif TC", serif;

  /* 字阶（移动 → 桌面） */
  --fs-h1: clamp(2.9rem, 7.4vw, 5.4rem);
  --fs-h2: clamp(1.75rem, 3.6vw, 2.9rem);
  --fs-h3: clamp(1.25rem, 2.1vw, 1.6rem);
  --fs-lead: clamp(1.0625rem, 1.5vw, 1.3rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.9375rem;
  --fs-eyebrow: 0.75rem;
  --fs-num: clamp(3.4rem, 8vw, 6.4rem);

  --lh-tight: 1.18;
  --lh-body: 1.75;
  --tracking-cjk: -0.01em;
  --tracking-eyebrow: 0.18em;

  /* 间距 */
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: clamp(3.5rem, 7vw, 6rem);
  --space-2xl: clamp(5rem, 10vw, 9rem);

  /* 版式容器 */
  --shell-max: 1240px;
  --shell-pad: clamp(1.25rem, 4vw, 3rem);
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 18px;

  /* 阴影：低饱和暖调，避免默认的蓝灰阴影 */
  --shadow-soft: 0 18px 44px -28px rgba(44, 32, 8, 0.38);
  --shadow-lift: 0 26px 60px -30px rgba(44, 32, 8, 0.5);

  /* 动效 */
  --dur: 600ms;
  --dur-fast: 220ms;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);

  /* 层级：抽屉在页眉之下，保证关闭按钮始终可点 */
  --z-header: 40;
  --z-drawer: 30;
  --z-glow: -1;
}