/* ============================================================
   VS SHEET · token.css
   Design tokens for VS娱乐 (www.vsvsnb.com)
   Visual system: "对局工单" — the 15x15 gomoku board treated as a
   spreadsheet. Hairlines, cell references, row gutters, zero radius.
   ============================================================ */

:root {
  /* ---------- ink / paper ---------- */
  --sv-ink: #111418;
  --sv-ink-2: #232a31;
  --sv-ink-3: #4b555f;
  --sv-ink-4: #77828c;
  --sv-paper: #f7f5ef;
  --sv-paper-2: #fffefb;
  --sv-paper-3: #efece2;
  --sv-paper-4: #e4e0d2;

  /* ---------- lines ---------- */
  --sv-line: #d8d3c3;
  --sv-line-2: #bdb7a4;
  --sv-line-ink: #2f373f;

  /* ---------- signal ---------- */
  --sv-red: #bf3a28;
  --sv-red-2: #8f2a1c;
  --sv-red-wash: #f2ded8;
  --sv-live: #bf3a28;
  --sv-ok: #2f6a52;

  /* ---------- type ---------- */
  --sv-sans: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "Source Han Sans SC", sans-serif;
  --sv-mono: "SFMono-Regular", "JetBrains Mono", "Cascadia Mono", Consolas,
    "Liberation Mono", "Courier New", monospace;

  --sv-fs-body: 15px;
  --sv-fs-sm: 13px;
  --sv-fs-xs: 11.5px;
  --sv-fs-h1: clamp(30px, 5.4vw, 62px);
  --sv-fs-h2: clamp(23px, 3.2vw, 36px);
  --sv-fs-h3: clamp(17px, 1.9vw, 21px);

  /* ---------- metrics ---------- */
  --sv-wrap: 1300px;
  --sv-pad: 34px;
  --sv-gutter: 58px;
  --sv-top: 62px;
  --sv-fx: 36px;
  --sv-cell: 32px;

  /* ---------- motion ---------- */
  --sv-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --sv-dur: 0.42s;
}

@media (max-width: 1024px) {
  :root {
    --sv-pad: 22px;
    --sv-gutter: 40px;
  }
}

@media (max-width: 640px) {
  :root {
    --sv-pad: 16px;
    --sv-gutter: 16px;
    --sv-fs-body: 14.5px;
  }
}