/* Token — §5 của brief. Màu là một sự kiện: mỗi panel đúng một khoáng, ≤8% khung.
   --ruby xuất hiện đúng MỘT lần (câu về cái giá, panel 03). */
:root {
  --paper:      #f4f1eb;  /* giấy — chuẩn, theo theme-color w4gz.com */
  --stone:      #EAE6DC;  /* đá trắng — mặt panel */
  --ink:        #14120f;  /* mực đen ấm — không bao giờ #000 */
  --ink-soft:   #5C5247;
  --rule:       #C9BFA9;
  --hematite:   #B23A2A;  /* hồi I  — CHAOS */
  --limonite:   #9A7A2E;  /* hồi II — PATTERNS */
  --beryl:      #6FB09A;  /* hồi III— NARRATIVES */
  --beryl-wash: #CFE0D8;
  --ruby:       #8E1F2F;  /* dùng ĐÚNG MỘT LẦN trên toàn trang */
  --bong:       #92C7A3;  /* màu BÓNG — vệt lệch kênh xanh mint, chốt theo
                             ảnh tham chiếu của Hex (26/08) */

  /* biến thể --machine (vệt cyan/magenta cho đường nối của máy ở 03):
     KHÔNG bật — chờ duyệt. Bật bằng cách đặt giá trị màu vào biến này. */
  --machine: transparent;

  --font-display: "Fraunces", "Times New Roman", serif;
  --font-body: "Be Vietnam Pro", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;

  /* nền giấy đổi rất nhẹ giữa các tầng (≤3% luminance) */
  --paper-0: #f4f1eb;
  --paper-1: #f2efe8;
  --paper-2: #f3f0e9;
  --paper-3: #f1eee6;
  --paper-4: #f2efe7;

  --measure: 34rem;
  --gutter: clamp(20px, 5vw, 72px);
}