/* ============================================================
 * 认怂书 · 设计令牌与基础样式
 *
 * 网页端（index/styles）与仲裁台（admin.html）共用这一份。
 * 以前两个文件各抄了一份 :root，改了一处另一处不跟着变 —— 那是个隐形的双份真相。
 *
 * —— 调性：砚墨暖底 ——
 * 中性色整体转暖（原来的冷灰蓝 #0f1116 系）。原因：品牌是朱砂红 + 题字金，
 * 暖色压冷底会「脏」，换暖底后红与金才烧得起来。
 *
 * 色彩语义：
 *   --seal  朱砂红，认怂书的「印」色，也用于主按钮
 *   --gold  题字金，只用于文书的标题行
 *   --green 生效 / 胜
 *   --amber 倒计时 / 待处理
 *   --paper 宣纸，文书与证书的纸面（全站唯一亮面）
 *   --ink   纸上的墨
 *
 * --paper-url / --vs-url 是运行时由 app.js 从服务端下发的素材地址注入的
 * （GET /api/copy 的 assets）。默认 none —— 素材没取到之前，纸面回退到 --paper 纯色，
 * 不会开天窗。
 * ============================================================ */

:root {
  /* 砚墨暖底 */
  --bg:        #131110;
  --bg-soft:   #1a1613;
  --panel:     #201b17;
  --panel-2:   #2a231d;
  --line:      #352c24;
  --line-soft: #2a231d;

  /* 暖白正文 */
  --text:      #ede6db;
  --text-dim:  #a89c8c;
  /* 次要信息色：暖灰。#131110 底上约 4.8:1，正文级 AA。 */
  --text-faint:#94897a;

  /* 品牌 */
  --seal:      #c0402e;
  --seal-soft: #e0553f;
  --gold:      #d9a441;
  --gold-soft: #e7bd6d;
  --green:     #4e9e6a;
  --blue:      #5b8fc9;
  --amber:     #d98a2b;

  /* 宣纸（文书 / 证书专用亮面） */
  --paper:     #ede4d3;
  --paper-2:   #e3d7c0;
  --ink:       #2a231e;
  --ink-dim:   #6b5f4f;
  --ink-faint: #9c8f79;

  /* 按钮 hover 用的浅一档面板色 */
  --panel-hover: #332b24;
  --line-hover:  #453a2e;

  /* 运行时注入的素材地址（app.js 从 /api/copy 取） */
  --paper-url: none;
  --vs-url: none;

  --radius: 14px;
  --shadow: 0 8px 28px rgba(0, 0, 0, .45);
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: radial-gradient(1200px 700px at 50% -10%, #1e1915 0%, var(--bg) 58%), var(--bg);
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
}

button { font-family: inherit; cursor: pointer; }
input, textarea, select { font-family: inherit; }

/* ---------- 动效偏好 ----------
 * 盖章落下、墨晕开这些动效是产品的情绪点，但有人对动效敏感 ——
 * 系统里关掉了就一律不播，而不是照放。
 */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}