/* GENERATED by prototype/build.py from design/tokens.css (font-face removed, see assets/fonts.css). Edit design/tokens.css, then re-run. */
/* =====================================================================
   Summit · design tokens  (v0.1 · 2026-10-22)
   Direction in this file: A「私人买手沙龙」— 方向未定，A 为暂用
   规则：组件只引用下面的「语义变量」，不直接写色值/字体名。
   换方向 = 只替换「1. 方向块」，其余不动。
   ===================================================================== */

/* ---------- 0. Fonts (self-hosted, latin subset, variable) ---------- */

/* ---------- 1. 方向块（Direction A）---------- */
:root{
  /* color — 只有 5 个平色 + 1 个报错色，不用渐变 */
  /* Aligned to visual/home-v2 (sha256 1ac037fc…) + live-palette 11/5 */
  --color-grade-pine-wash:#D5DCDA;
  --color-paper:     #F8F5EE;  /* 页面大底（home-v2 --paper / WP preset paper） */
  --color-bg:        #F4F1EC;  /* 页头/卡片/FAB 表面（home-v2 --bg/--sand） */
  --color-ink:       #1C1B1B;  /* 近黑正文（home-v2 --text） */
  --color-muted:     #6B6660;  /* 次要文字（home-v2 --muted） */
  --color-ink-muted: #6B6660;  /* 同 muted，去掉 #666 回退 */
  --color-line:      #DDD6CC;  /* 分隔线 */
  --color-accent:    #263536;  /* 主按钮/FAB（home-v2 --ink） */
  --color-accent-hover:#344847;
  --color-accent-press:#1A2526;
  --color-on-accent: #F4F1EC;
  --color-placeholder:#E4DED4; /* 占位图灰块 */
  --color-disabled-bg:#D9D3CA;
  --color-disabled-ink:#7A746D;
  --color-error:     #8A2E22;  /* 只用于表单出错文字和下划线 */
  --color-tbc:       #EFE3C4;  /* 设计稿专用：「待青山定」标注底色，上线删除 */

  /* type families（最多 3 个） */
  --font-display: "EB Garamond", "Times New Roman", serif;
  --font-body:    "Manrope", "Helvetica Neue", Arial, sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, Menlo, monospace; /* 只用于商品编号、尺寸规格 */

  /* shape */
  --radius: 2px;
}

/* 换方向示例（未启用，仅说明要改哪些变量）：
   B 编辑部杂志：--color-bg:#FFFFFF; --color-ink:#111111; --color-placeholder:#EEEEEC;
                 --font-display:"Bodoni Moda"; --font-body:"Inter Tight";（需另放字体文件）
   C 买手档案：  --color-bg:#FFFFFF; --color-ink:#0A0A0A; --color-accent:#1F2A44;
                 --font-display:"Archivo"; --font-mono 提升为主角；商品图比例改 1:1
*/

/* ---------- 2. 字号阶梯（全站只 5 档，全部 rem；大字行距紧、字距收，小字行距松、字距放）---------- */
:root{
  --text-display: clamp(2.5rem, 1.6rem + 3.8vw, 4.5rem); /* 40 → 72px  EB Garamond 400 */
  --text-heading: clamp(1.75rem, 1.5rem + 1vw, 2.25rem); /* 28 → 36px  EB Garamond 400 */
  --text-title:   1.375rem;                               /* 22px       EB Garamond 500：品名、小标题 */
  --text-body:    1rem;                                   /* 16px       Manrope 400；按钮 Manrope 600 */
  --text-small:   0.8125rem;                              /* 13px       Manrope 500 / Plex Mono 400 */

  --leading-display: 1.04;
  --leading-heading: 1.12;
  --leading-title:   1.25;
  --leading-body:    1.6;
  --leading-small:   1.5;

  --tracking-display: -0.02em;
  --tracking-heading: -0.015em;
  --tracking-title:   -0.005em;
  --tracking-body:     0;
  --tracking-small:    0.005em;
  --tracking-label:    0.08em;  /* 只给品牌名小号大写用 */
  --measure: 62ch;              /* 正文最大行宽 */
}

/* ---------- 3. 间距（4px 基数）---------- */
:root{
  --space-1: 4px;  --space-2: 8px;   --space-3: 12px;  --space-4: 16px;
  --space-5: 24px; --space-6: 32px;  --space-7: 48px;  --space-8: 64px;
  --space-9: 96px; --space-10: 128px;

  --gutter: 24px;          /* 手机左右边距（V-87：第 3 轮由 20 改为 24，躲开 iOS 边缘右滑返回区） */
  --section-gap: var(--space-8);   /* 手机：块与块之间 64 */
  --max-width: 1320px;
  --header-h: 115px; /* tagline-v2 P+M3+T1 mobile */
  --tap-min: 48px;         /* 可点区域最小高度 */
}
@media (min-width: 900px){
  :root{ --gutter: 48px; --section-gap: var(--space-10); --header-h: 137px; /* tagline-v2 P+M3+T1 desktop */ }
}

/* ---------- 4. 动效（克制：只用在按下、弹出、收起）----------
   - 只动 transform 和 opacity；用 CSS transition（可中途打断、从当前位置原路返回），不用 @keyframes。
   - 曲线不回弹（无 overshoot），约 0.3s。
   - 弹层 transform-origin 对准触发按钮（JS 写入 --origin-x / --origin-y）。 */
:root{
  --motion-duration: 300ms;                       /* 弹出 / 收起 */
  --motion-ease: cubic-bezier(.32,.72,0,1);       /* 类弹簧、无回弹，进出同一条曲线 */
  --motion-scale-from: .96;                       /* 弹层出现前的缩放 */
  --motion-shift-from: -6px;                      /* 弹层出现前的位移（向上 6px） */
  --press-duration: 100ms;                        /* 按下即反馈，不等松手 */
  --press-ease: ease-out;
  --press-scale: .95;                             /* v2round 第 5 条：青山要按下更明显，.97 → .95 */
  --press-tint: rgba(28,27,27,.08);               /* v2round 第 5 条：按下时透明底的按钮加一层浅墨色（加深底色） */
  --press-dim: .72;                               /* v2round 第 5 条：减少动态效果时按下不缩放，只把透明度降到这里（只淡不动） */
  --color-duration: 140ms;                        /* 悬停换色 */
  --fade-duration: 200ms;                         /* 遮罩淡入淡出；减少动态效果时弹层也只用它 */
}
/* 减少动态效果（V-86）：不位移、不缩放、不轮播，只淡入淡出 */
@media (prefers-reduced-motion: reduce){
  :root{
    --press-scale: 1;
    --motion-scale-from: 1;
    --motion-shift-from: 0px;
    --motion-duration: var(--fade-duration);
    --motion-ease: ease;
  }
}