/* ============================================================================
   tokens.css —— 乡土繁盛 · 共享设计令牌（品牌 + 语义颜色 + 表面 + 动作 + 链接）
   ============================================================================
   加载顺序：tokens.css → assets/css/style.css（主站）
              tokens.css → static/css/shop.css（商城 / 会员区）

   本文件只放**变量**，不放选择器规则；主站与商城都读它，确保"同一个品牌系统"。

   核心原则（执行方案 §9）：
     品牌色 ≠ 文字色 ≠ 深色背景文字色 ≠ 按钮文字色 ≠ 图片背景上的链接色
   —— 因此这里把"颜色"与"用途"分开：品牌色只用于装饰与背景，
     文字/按钮/链接一律使用语义令牌，避免"深绿字压在深色照片上"这类低对比度错误。

   兼容策略：文件末尾保留旧变量名映射（--ink / --muted / --green / --gold / --pine …），
             旧页面与内联样式继续可用，不做破坏性删除。
   ============================================================================ */

:root {
  /* ---------- 品牌色（仅用于装饰、背景、图形；不作为深色背景上的文字色） ---------- */
  --green-900: #163B2D;
  --green-800: #1E4A35;
  --green-700: #2A5C45;
  --green-500: #4B7A63;

  --gold-500: #B38A3A;
  --gold-400: #C8A45A;
  --gold-ink: #7A5A12;           /* 浅底上的金色文字（≥5.7:1）——深底请用 --gold-400 */

  /* ---------- 表面 ---------- */
  --paper: #F7F4EE;              /* 页面米白底 */
  --mist: #EEF3EF;               /* 极浅绿底（分区/提示） */
  --stone: #E2E7E3;              /* 石灰（分隔/占位） */
  --surface-card: #FFFFFF;       /* 卡片纸面 */
  --surface-dark: #163B2D;       /* 深色区块底 */

  /* ---------- 文字语义 ---------- */
  --text-primary: #21312B;       /* 正文/标题（浅底） */
  --text-secondary: #5C6A63;     /* 次级说明：在 paper 与 mist 上均 ≥4.9:1 */
  --text-muted: #64736C;         /* 更弱：仅用于白底 / 装饰（白底 4.99:1，勿用于 mist） */

  --text-on-dark: #FFFFFF;                    /* 深色背景/照片上的标题与正文 */
  --text-on-dark-muted: rgba(255,255,255,.82);/* 深色背景上的次级文字 */

  /* ---------- 动作（按钮）语义 ---------- */
  --action-primary-bg: #1E4A35;
  --action-primary-text: #FFFFFF;

  --action-secondary-bg: #FFFFFF;
  --action-secondary-text: #1E4A35;
  --action-secondary-border: rgba(30,74,53,.28);

  --action-on-dark-bg: rgba(255,255,255,.96);   /* 深底上的次按钮：白底深绿字 */
  --action-on-dark-text: #163B2D;
  --action-on-dark-border: rgba(255,255,255,.72);

  --action-danger-bg: #9B3B31;
  --action-danger-text: #FFFFFF;

  /* ---------- 链接语义 ---------- */
  --link-on-light: #1E4A35;
  --link-on-dark: #FFFFFF;

  /* ---------- UI 基础 ---------- */
  --line: rgba(22,59,45,.12);
  --line-strong: rgba(30,74,53,.32);

  --radius-sm: 10px;
  --radius: 16px;
  --radius-card: 18px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  --shadow-sm: 0 2px 12px rgba(22,59,45,.06);
  --shadow-md: 0 12px 32px rgba(22,59,45,.10);
  --shadow-lg: 0 22px 60px rgba(22,59,45,.16);

  --page-max: 1440px;
  --content-max: 1180px;
  --prose-max: 720px;

  /* ---------- 深色图片/照片上的稳定遮罩（§9.3） ----------
     不依赖"当前图片刚好够暗"：换图后文字仍须清晰。
     左深右浅，配合左侧文字排布。 */
  --scrim-hero: linear-gradient(90deg, rgba(8,31,24,.74) 0%, rgba(8,31,24,.58) 52%, rgba(8,31,24,.34) 100%);
  --scrim-banner: linear-gradient(100deg, rgba(8,31,24,.72) 0%, rgba(8,31,24,.46) 100%);

  /* ---------- 兼容映射（旧变量名，勿直接删除） ---------- */
  --ink: var(--text-primary);
  --muted: var(--text-secondary);
  --white: #FFFFFF;
  --txt: var(--text-primary);
  --txt-2: var(--text-secondary);
  --txt-3: var(--text-secondary);   /* 小字（图注/说明/价格标签）统一走可读的次级色：≥4.9:1 */
  --green: var(--green-800);
  --green-2: var(--green-700);
  --green-soft: var(--mist);
  --gold: var(--gold-500);
  --gold-2: var(--gold-400);
  --gold-soft: #FBF4E4;
  --cream: var(--paper);
  --pine: var(--green-800);
  --maxw: var(--content-max);
  --shadow: var(--shadow-md);
  --surface: var(--surface-card);
  --paper-deep: #F1EDE4;
  --ink-faint: var(--text-secondary);   /* 划线原价/弱化小字：必须仍然可读（≥4.9:1） */
  --ink-soft: var(--text-muted);
  --danger: var(--action-danger-bg);
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

  /* 店铺/商城专用（商城 shop.css 历史上自有一套，这里统一指向同源令牌） */
  --shop-bg: var(--paper);
  --shop-surface: var(--surface-card);
  --shop-text: var(--text-primary);
  --shop-muted: var(--text-secondary);
  --shop-accent: var(--green-800);
  --shop-accent-text: #FFFFFF;
}