:root {
  /* Brand tokens: chỉnh nhóm này để đổi toàn bộ cảm giác của website. */
  --paper: #f2eee3;
  --paper-deep: #e3ddcf;
  --ink: #1b1d1a;
  --muted: #686b62;
  --line: #c4c0b5;
  --accent: #d75a2b;
  --moss: #777b67;
  --night: #20231f;
  --max-width: 1480px;
  --page-pad: clamp(20px, 4vw, 64px);
  --section-space: clamp(96px, 12vw, 180px);
  --display-size: clamp(56px, 8.4vw, 126px);
  --title-size: clamp(42px, 6vw, 84px);
  --ease: cubic-bezier(.2,.7,.2,1);
}

/* Có thể đổi class trên body để thử nhanh một palette khác. */
body.theme-night { --paper:#20231f; --paper-deep:#2a2e28; --ink:#f0ede3; --muted:#adb0a7; --line:#4d514a; }
body.theme-clay { --paper:#eee5d9; --paper-deep:#d9c9b8; --accent:#a8462c; --moss:#686e5c; }