/* ==========================================================================
   tokens.css — 设计 token 唯一真源
   --------------------------------------------------------------------------
   规则：其他三个 CSS 文件只允许引用这里的变量，
        不允许出现硬编码的颜色、字号、间距。
        想换风格 → 只改这个文件。
   ========================================================================== */

:root {
  /* --- 颜色：3 主 + 1 点缀（禁止第四种大面积颜色） ----------------------- */
  --c-accent: #f26522;      /* 强调：按钮 / 数字 / 章节编号（"乌野橙"） */
  --c-accent-dark: #c44e15; /* 强调色的按下态 */
  --c-ink: #14110f;         /* 结构 / 主文字 / 深色底 */
  --c-ink-soft: #2a2521;    /* 深色底上的次一级背景 */
  --c-paper: #fff6ec;       /* 米白底 / 深色底上的文字 */
  --c-frame: #ffffff;       /* 拍立得相纸（唯一允许的纯白，仅此处） */
  --c-second: #2e3a46;      /* 点缀：引文 / "对手"元素 / 次按钮 */

  /* --- 材质辅助色：不承担"设计"职责，只服务于渐变与遮罩 ------------------ */
  --c-canvas: #0b0a09;      /* 游戏画布底色 */
  --c-ball-light: #ffd9a8;  /* 排球/球拍高光 */
  --c-ball-dark: #a8460f;   /* 排球暗部 */
  --c-flame-hot: #ffe066;   /* 火苗内焰 */
  --c-flame-warm: #ff9f1c;  /* 火苗外焰 */
  --c-locked: #e6d8c6;      /* 未解锁卡片底色 */
  --c-mask: #000;           /* 仅用于 mask-image，不参与配色 */

  /* --- 吹蜡烛那一屏的素材 ------------------------------------------------- */
  --cheer-opacity: 0.8;     /* 小人图片的柔和度（想完全不透明就改成 1） */

  /* --- 照片墙上的"钉子"（编号图） ----------------------------------------- */
  --pin-size: clamp(64px, 22vw, 104px); /* 钉子边长；照片墙顶部留白由它算出 */

  /* --- 字号阶梯 --------------------------------------------------------- */
  --fs-display: clamp(32px, 9vw, 56px);
  --fs-h2: 24px;
  --fs-h3: 18px;
  --fs-body: 16px;
  --fs-small: 14px;
  --fs-deco: 13px;
  --fs-num: clamp(120px, 42vw, 200px);

  /* --- 行高 / 字距 ------------------------------------------------------ */
  --lh-body: 1.8;
  --lh-tight: 1.15;
  --ls-deco: 0.2em;
  --ls-tight: -0.02em;

  /* --- 字体 ------------------------------------------------------------- */
  /* 系统字体兜底，先保证任何网络环境下都能看。
     字体文件补好后：放进 assets/fonts/，再取消 base.css 里 @font-face 的注释。 */
  --font-jp: 'Yusei Magic', 'Zen Maru Gothic', 'Yu Gothic UI', sans-serif;
  --font-zh: 'Zen Maru Gothic', 'Yu Gothic UI', system-ui, 'PingFang SC',
    'Microsoft YaHei', sans-serif;
  --font-mono: ui-monospace, 'Cascadia Mono', Consolas, monospace;
  /* 衬线体：信纸、以及需要"文艺一点"的长句用它（系统自带，不下载） */
  --font-serif: 'Songti SC', 'Noto Serif SC', 'Source Han Serif SC', 'SimSun',
    'Yu Mincho', Georgia, serif;

  /* --- 间距：全部 8 的倍数 ---------------------------------------------- */
  --s-1: 8px;
  --s-2: 16px;
  --s-3: 24px;
  --s-4: 32px;
  --s-6: 48px;
  --s-8: 64px;
  --s-12: 120px;

  /* --- 圆角 / 描边 / 阴影 ----------------------------------------------- */
  --r-sm: 4px;
  --r-md: 8px;
  --r-pill: 999px;
  --bw: 2px;
  --shadow-card: 0 8px 20px rgba(20, 17, 15, 0.25);
  --shadow-lift: 0 14px 30px rgba(20, 17, 15, 0.35);

  /* --- 动效 ------------------------------------------------------------- */
  --dur-fast: 200ms;
  --dur: 300ms;
  --dur-slow: 600ms;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* --- 版心 / 触摸目标 / 层级 ------------------------------------------- */
  --w-mobile: 480px;
  --w-desktop: 1080px;
  --tap: 48px;
  --z-sticky: 5;
  --z-overlay: 10;
  --z-lightbox: 20;
  --z-toast: 30;
  --z-modal: 40; /* 免责声明弹窗：盖在所有东西之上 */

  /* --- 招牌动作参数（全站唯一"招式"，靠它形成统一感） ------------------- */
  --skew: 12px;
  --speedline: 6px;
}