/* ==========================================================
   Warm Matcha v1.1 — travel-toolkit Web Awesome theme

   - 主色 抹茶 #4A7C59（锚在 brand-50，因为 WA 的
     --wa-color-brand-fill-loud = var(--wa-color-brand-50)）
   - 圆角 8/14/18（暖化）
   - Motion soft spring（暖陪伴）
   - 柿色 #C4621A 作 Hidden Gem spot color
   - 字体 Hiragino Sans 优先

   决策依据见 wiki/plan/260610-warm-matcha-design-system.md
   接入坑见 ~/.claude/projects/-Users-qiyuqi-IdeaProjects/memory/webawesome_cdn_gotchas.md
   ========================================================== */

:root {
  /* ─── Brand color: 抹茶（#4A7C59 锚在 -50） ─── */
  /* WA 色阶 95(最浅)..05(最深)，与传统 50-900 反过来 */
  --wa-color-brand-95: #E5EDE7;
  --wa-color-brand-90: #D7E4DA;
  --wa-color-brand-80: #B8D0BD;
  --wa-color-brand-70: #93B69D;
  --wa-color-brand-60: #6A9075;
  --wa-color-brand-50: #4A7C59;   /* ★ fill-loud — 按钮 / link / focus */
  --wa-color-brand-40: #3D6A4A;   /* hover */
  --wa-color-brand-30: #2D5A3F;   /* active / strong */
  --wa-color-brand-20: #1F4030;
  --wa-color-brand-10: #122318;
  --wa-color-brand-05: #0A1610;

  /* ─── 圆角：暖化 ─── */
  --wa-border-radius-s: 8px;
  --wa-border-radius-m: 14px;
  --wa-border-radius-l: 18px;

  /* ─── Motion：soft spring（暖陪伴关键标识） ─── */
  --wa-transition-easing: cubic-bezier(0.34, 1.56, 0.64, 1);
  --wa-transition-fast: 150ms;
  --wa-transition-normal: 200ms;
  --wa-transition-slow: 350ms;

  /* ─── 字体 ───
     原则：先 system font（Apple/Chromium 自带 CJK fallback），
     中文优先 PingFang SC / YaHei（避免 Hiragino 的中文字形粗糙），
     日文 Hiragino / Noto JP，sans-serif 兜底。
     **注意**：同 src/index.html 的 --font-body 必须保持一致。 */
  --wa-font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei",
                  "Hiragino Sans GB", "Hiragino Sans", "Noto Sans CJK SC", "Noto Sans JP",
                  "Segoe UI", Inter, system-ui, sans-serif;
  /* Web Awesome 3.8+ 用 --wa-font-family-body 作 body cascade；强制对齐我们的 stack */
  --wa-font-family-body: var(--wa-font-sans);
  --wa-font-family-heading: var(--wa-font-sans);

  /* ─── 柿色 spot — 仅用于 Hidden Gem 强调点缀
         不进 wa-* 命名空间，避免污染组件默认变体 ─── */
  --color-spot-warm: #C4621A;
  --color-spot-warm-bg: #FFE9D9;
  --color-spot-warm-text-on-bg: #8B3A0A;
}

/* prefers-reduced-motion：spring 退化为线性 */
@media (prefers-reduced-motion: reduce) {
  :root {
    --wa-transition-easing: ease;
    --wa-transition-fast: 100ms;
    --wa-transition-normal: 120ms;
    --wa-transition-slow: 150ms;
  }
}

/* Dark mode（当前 window.ENABLE_DARK_MODE=false 暂下，token 保留待 Map dark 支持后翻回） */
@media (prefers-color-scheme: dark) {
  :root {
    --wa-color-brand-50: #6A9075;   /* 提亮一档保对比 */
    --color-spot-warm: #E8853F;
    --color-spot-warm-bg: #3D2818;
    --color-spot-warm-text-on-bg: #FFB877;
  }
}

/* ─── Hidden Gem badge：柿色 pill ─── */
.hidden-gem-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: var(--color-spot-warm-bg);
  color: var(--color-spot-warm-text-on-bg);
  border-radius: 999px;
  font-size: var(--wa-font-size-2xs);
  font-weight: 700;
  box-shadow: 0 1px 2px rgba(196, 98, 26, 0.15);
}