/* ============================================================
   花迹网 · 一园一底 tokens.css v0.1（Phase 0 基座 · 2026-09-04）
   色值来源：晒花流原型（bloomtrace CustomTheme）经 Check 走查修订：
   - F6 决议：text-tertiary 提亮至 #6b756b（12px 元信息 AA 对比度）
   - 收敛现网：#2f7d4f / #7BA88E / #2d6a4f 三套绿 → 唯一主绿体系
   - 四套错误红 → 唯一 #b4534f 系
   规则（AGENTS.md）：页面 CSS 只允许 var(--bt-*)，禁止裸色值
   ============================================================ */
:root {
  /* ── 品牌绿体系 ── */
  --bt-primary: #5d8a66;
  --bt-primary-hover: #6f9c78;
  --bt-primary-active: #4a7353;
  --bt-primary-bg: #eef3e8;
  --bt-primary-bg-hover: #e2ecdd;
  --bt-primary-border: #b9d2be;
  --bt-deep-green: #315f43;        /* 深林绿：链接、标题点缀 */
  --bt-gold: #856208;              /* 金桂：精选/待审/成就（2026-09-18 压深一档，原 #a4790a 配 --bt-gold-bg 仅 3.48） */
  --bt-gold-bg: #f9f0d8;
  --bt-gold-border: #e6d29a;

  /* ── 文字（深林墨绿系，淳朴感）── */
  --bt-text: #26302a;
  --bt-text-secondary: #5d6b5c;
  --bt-text-tertiary: #6b756b;     /* F6：≥4.5:1，元信息小字 */
  --bt-text-faint: #97a097;        /* 仅装饰性占位，禁用于正文 */
  --bt-text-on-primary: #ffffff;
  /* 压在照片/暗色 scrim（--bt-bg-mask、图片上的渐变）上的文字专用。
     刻意**不随夜档翻转**——scrim 本身永远是暗的；它和 --bt-text-on-primary 的分工是：
     后者是「主按钮上的字」，夜档要跟着变深（夜档 --bt-primary 是浅绿），
     若照片角标/灯箱导航继续用 on-primary，就会变成暗字压暗底（实测 1.06）。 */
  --bt-text-on-photo: #ffffff;
  --bt-ink: #1c2a1e;               /* 最重墨绿 */

  /* ── 背景（纸感暖底）── */
  --bt-bg-base: #f5f7f2;
  --bt-bg-layout: #f2f5ef;
  --bt-bg-container: #ffffff;
  --bt-bg-elevated: #f6f8f4;
  --bt-bg-spotlight: #eaf1e4;
  --bt-bg-mask: rgba(28, 42, 30, 0.55);

  /* ── 边框与控件填充 ── */
  --bt-border: #b0b8ab;
  --bt-border-secondary: #dde4d9;
  --bt-border-tertiary: #e9eee5;
  --bt-fill: #e6ece2;
  --bt-fill-secondary: #eef2ea;
  --bt-fill-disable: #d8ded5;

  /* ── 语义色（全站唯一一套，禁另造红绿）──
     2026-09-18：四个前景各压深一档。原值配自己的 -bg 只有 3.48–4.28，小字不达 AA；
     现在 4.93–5.10，且夜档成套重映射见下方 [data-page-theme="night"]。 */
  --bt-error: #a84945;  --bt-error-bg: #faecea;  --bt-error-border: #e8c2bd;
  --bt-success: #41704f; --bt-success-bg: #e9f3ea; --bt-success-border: #bcd9c3;
  --bt-warning: #856208; --bt-warning-bg: #f9f0d8; --bt-warning-border: #e6d29a;
  --bt-info: #476a79;   --bt-info-bg: #eaf1f4;   --bt-info-border: #c3d6dd;
  --bt-link: #315f43;

  /* ── 字体 ── */
  --bt-font: "Noto Sans SC", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  --bt-fs-xs: 12px; --bt-fs-sm: 13px; --bt-fs-base: 14px; --bt-fs-md: 16px;
  --bt-fs-lg: 18px; --bt-fs-xl: 22px; --bt-fs-2xl: 28px; --bt-fs-hero: 34px;

  /* ── 圆角 / 阴影 / 间距 ── */
  --bt-r-sm: 6px; --bt-r-md: 10px; --bt-r-lg: 14px; --bt-r-full: 999px;
  --bt-shadow-card: 0 2px 12px rgba(38, 48, 42, 0.08);
  --bt-shadow-hover: 0 8px 22px rgba(38, 48, 42, 0.14);
  --bt-space-1: 4px; --bt-space-2: 8px; --bt-space-3: 12px;
  --bt-space-4: 16px; --bt-space-6: 24px; --bt-space-8: 32px; --bt-space-12: 48px;

  /* ── 容器（三档，审计 F10 收敛）── */
  --bt-w-read: 720px;   /* 阅读：详情/文章 */
  --bt-w-std: 1100px;   /* 标准：列表/表单/图鉴 */
  --bt-w-wide: 1280px;  /* 满宽：橱窗/首页级 */

  /* ── 勋章三色（排行榜 Top3 / 徽章点亮点亮，Phase 2）── */
  --bt-medal-gold: #e3b341;  --bt-medal-gold-deep: #b8860b;
  --bt-medal-silver: #c8cdd4; --bt-medal-silver-deep: #8f9aa5;
  --bt-medal-bronze: #d29a6b; --bt-medal-bronze-deep: #a5714a;

  /* ── z-index 制度 ── */
  --bt-z-header: 40; --bt-z-fab: 30; --bt-z-toast: 60; --bt-z-modal: 80;
}

/* ── 夜园子主题（story-3 承接位：showcase 等深色页在 html/body 挂 data-page-theme="night"）──
   仅重映射语义变量，组件样式零改动 */
[data-page-theme="night"] {
  --bt-bg-base: #141d16;
  --bt-bg-layout: #101811;
  --bt-bg-container: #1b271e;
  --bt-bg-elevated: #223127;
  --bt-bg-spotlight: #2a3b2e;
  --bt-text: #e8eee6;
  --bt-text-secondary: #b5c2b3;
  --bt-text-tertiary: #94a493;
  --bt-text-faint: #6d7b6d;
  --bt-border: #3c4f3f;
  --bt-border-secondary: #2e3f31;
  --bt-border-tertiary: #263528;
  --bt-fill: #26352a;
  --bt-fill-secondary: #1e2b21;
  --bt-primary: #7ba88e;           /* 夜园提亮一档，保持对比 */
  --bt-primary-bg: #22352a;
  --bt-primary-bg-hover: #2a3b2e;
  --bt-primary-border: #4a6b52;
  --bt-link: #a8c3a0;
  /* 状态色夜档重映射（2026-09-18 集中补齐）。
     规则：前景提亮 + 底色转深 + 边框取中间调，必须**成对改**——
     只改 -bg 不改前景，`color: var(--bt-error); background: var(--bt-error-bg)` 这类徽章配对会掉到 2.x；
     只改前景不改 -bg，就会出现浅字压浅底（历史实测 1.03，文字直接隐形），
     这正是 encyclopedia/gallery 等页各自绕开令牌的原因。取值均按四种配对算过 AA ≥4.5。 */
  --bt-error: #f0a49e;   --bt-error-bg: #3b2320;   --bt-error-border: #c0605a;
  --bt-success: #9ed3a6; --bt-success-bg: #1f3324; --bt-success-border: #5d8f6b;
  --bt-warning: #e8c37a; --bt-warning-bg: #372a12; --bt-warning-border: #b8912a;
  --bt-gold: #e8c37a;    --bt-gold-bg: #372a12;    --bt-gold-border: #b8912a;
  --bt-info: #a9c9d4;    --bt-info-bg: #1e2f34;    --bt-info-border: #5c8797;
  /* 另三个漏重映射的令牌（2026-09-18 全站对比度扫描发现）：
     --bt-text-on-primary 不跟着变深 → 夜档所有主按钮/选中态都是白字压浅绿 --bt-primary，实测 2.68；
     --bt-primary-active 既被当文字（.mk-chip.is-active）又被当底色（.bt-btn--primary），夜档必须转浅，
       否则作文字只有 2.4——注意它和上面那条是**一对**，只改一个就会反过来翻车；
     --bt-text-faint 太暗，12px 的 .cnt / .ex-alias / .ex-hint 实测 3.47，不达小字 AA。 */
  --bt-text-on-primary: #10231a;
  --bt-primary-active: #9dbfa4;
  --bt-text-faint: #8d9d8e;
  --bt-shadow-card: 0 2px 12px rgba(0, 0, 0, 0.45);
  --bt-shadow-hover: 0 8px 22px rgba(0, 0, 0, 0.55);
}

/* ── 全站断点约定（注释即契约，site.css/页面均按此三档）──
   desktop ≥1024 ｜ tablet 768–1023 ｜ mobile <768 */