/* ==========================================================================
   星禾双语 · 悦见中秋 — 设计令牌
   视觉基调：国风中秋 · 深色底（夜蓝云锦背景 + 暖金灯笼）
   --------------------------------------------------------------------------
   ⚠️ 2026-09-22 主题换底：底色由「夜绛暗红 #2A1215」改为
      「夜蓝 #0b2136 + theme-1 云纹」，以配合 assets/img/bg/theme-1.webp。
      页面真正看到的底色 = --c-bg ⨯ body::before(theme-1) ⨯ body::after(压暗层)，
      所以改底色浓淡请调 components.css 里那两层的 opacity，不要只改这里。
      暖金系(--c-gold / --c-gold-soft)与红(--c-primary)保持不变 ——
      红蓝是经典中式配色，红也成了冷底上唯一的暖色重点，反而更醒目。
   规范来源：PRD §8.2 色彩 / §8.3 字体 / §8.4 灯笼 / §8.5 动效
   ========================================================================== */

:root {
  /* ---------- 色彩 · 背景层次 ---------- */
  --c-bg: #0b2136;          /* 夜蓝 — 页面主背景（云纹层之下的底色） */
  --c-bg-elev-1: #14304a;   /* 深藏青 — 卡片 / 区块底色 */
  --c-bg-elev-2: #1d3f5d;   /* 藏青 — 弹窗 / 悬浮层 */
  --c-veil: rgba(4, 12, 22, 0.74); /* 遮罩层 */

  /* ---------- 色彩 · 主色 ---------- */
  --c-primary: #c1272d;        /* 中国红 */
  --c-primary-bright: #e23e3e; /* 朱砂 — 悬停 / 高亮 */

  /* ---------- 色彩 · 辅色（暖黄系） ---------- */
  --c-gold: #e9b949;      /* 暖黄 / 鎏金 — 点亮灯笼、关键强调、图标 */
  --c-gold-soft: #f5d98b; /* 蜜黄 — 光晕、粒子、发光渐层 */

  /* ---------- 色彩 · 文字 ---------- */
  --c-text: #fbf3e4;          /* 暖白 — 正文 */
  --c-text-muted: #c9b79c;    /* 米灰 — 辅助说明 */
  --c-text-faint: rgba(201, 183, 156, 0.55);
  --c-text-on-gold: #3a1a1e;  /* 暖黄底上的文字 */

  /* ---------- 色彩 · 状态 ---------- */
  --c-lantern-off: #6b5f55; /* 冷灰 — 灯笼熄灭态 */
  --c-success: #8fbf6a;     /* 竹青 — 点亮成功 */
  --c-warn: #e07a5f;        /* 赭红 — 密钥错误 */

  /* ---------- 描边 / 分隔 ---------- */
  --c-border: rgba(233, 185, 73, 0.18);
  --c-border-strong: rgba(233, 185, 73, 0.38);
  --c-hairline: rgba(251, 243, 228, 0.08);

  /* ---------- 光晕 ---------- */
  --glow-gold: 0 0 24px rgba(233, 185, 73, 0.45);
  --glow-gold-strong: 0 0 48px rgba(245, 217, 139, 0.65);
  --shadow-elev: 0 12px 32px rgba(0, 0, 0, 0.45);

  /* ---------- 字体 ----------
     🔴 2026-09-23 清理「幻影字体」：
     这里原先写着 "Inter" / "Playfair Display" / "Source Han Serif SC" /
     "Noto Serif SC" —— 但项目**从没加载过任何 webfont**，这些名字永远落不到实处，
     实际渲染的是它们的回退项（system-ui / Georgia / SimSun）。
     「以为在设计字体、其实在用系统默认」是这一版观感最大的来源：
     英文与**所有数字**（0/5、01–05、日期）都没有字体设计。

     现在只做两件事：
       · `--font-display`：**唯一自托管的字体**（Marcellus，Latin 子集 14.5KB，
         @font-face 见 base.css）。它排在 CJK 宋体之前 → 拉丁字母与数字走 Marcellus，
         汉字自动落到后面的宋体栈，**中英混排不打架**。
         为什么不上中文 webfont：一套思源宋体 5~10MB，现场网络扛不住。
       · 其余三栈写成**诚实的系统栈**，不再出现加载不到的西文名。 */
  --font-display: "Marcellus", "Songti SC", "STSong", "Source Han Serif SC",
    "Noto Serif SC", Georgia, serif;
  --font-sans: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui,
    -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif: "Songti SC", "STSong", "Source Han Serif SC", "Noto Serif SC",
    "SimSun", Georgia, serif;
  /* 英文正文走系统无衬线（iOS=SF / Android=Roboto），这是**当前唯一诚实的选项** */
  --font-sans-en: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, sans-serif;
  /* 英文标题走自托管展示衬线：罗马碑体，与中文宋体同属横竖骨架 */
  --font-serif-en: "Marcellus", "Songti SC", "STSong", Georgia, serif;

  /* ---------- 字号（流式，随视口微调） ---------- */
  --fs-display: clamp(1.75rem, 6.2vw, 2.5rem); /* 主标题 */
  --fs-h1: clamp(1.5rem, 5vw, 2rem);
  --fs-h2: clamp(1.15rem, 4vw, 1.4rem);
  --fs-h3: 1.05rem;
  --fs-body: 1rem;
  --fs-sm: 0.875rem;
  --fs-xs: 0.78rem;

  --lh-tight: 1.25;
  --lh-body: 1.7;

  --ls-wide: 0.08em;   /* 中文标题字距 */
  --ls-wider: 0.16em;  /* 眉题 / 小标签 */

  /* ---------- 间距（4px 基准） ---------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;

  /* ---------- 圆角 ---------- */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 24px;
  --r-pill: 999px;

  /* ---------- 布局 ---------- */
  --page-max: 560px;   /* 移动优先，桌面居中护栏 */
  --page-pad: clamp(16px, 5vw, 24px);
  --tap-min: 44px;     /* 最小点击区 */

  /* ---------- 层级 ---------- */
  --z-base: 1;
  --z-sticky: 50;
  --z-modal: 100;
  --z-toast: 200;

  /* ---------- 动效 ---------- */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0.05, 0.36, 1);
  --ease-soft: cubic-bezier(0.33, 1, 0.68, 1);
  --dur-fast: 160ms;
  --dur-base: 280ms;
  --dur-slow: 520ms;
  --dur-lit: 1400ms; /* 点亮灯笼完整时长（PRD §8.4） */
}