/* 知仓源来 · design tokens
   direction: 仓 · 索引 (ledger / archive)
   -------------------------------------------------- */

:root {
  /* paper & ink */
  --paper:      #FAF6EE;
  --paper-2:    #F4EEE2;
  --paper-3:    #ECE4D4;
  --card:       #FFFDF8;
  --ink:        #1B1A17;
  --ink-2:      #4A463E;
  --ink-3:      #6E6656;
  --line:       #DCD2C0;
  --line-2:     #C7BBA5;

  /* seal — the only accent */
  --seal:       #A6402D;
  --seal-ink:   #8A3323;
  --seal-bg:    #F7E9E4;

  /* type */
  --font-serif: "YL Serif", "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif;
  --font-sans:  "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-mono:  "JetBrains Mono", "IBM Plex Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;

  --t-display: clamp(2.25rem, 4.4vw, 3.375rem);
  --t-h1:      clamp(1.75rem, 2.9vw, 2.25rem);
  --t-h2:      1.5rem;
  --t-h3:      1.125rem;
  --t-body:    1rem;
  --t-sm:      0.875rem;
  --t-xs:      0.75rem;
  --t-2xs:     0.75rem;

  /* space — 4pt scale */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;
  --s-9: 96px; --s-10: 128px;

  /* geometry */
  --r-1: 2px;
  --r-2: 3px;
  --wrap: 1200px;
  --gutter: 32px;

  /* motion */
  --ease: cubic-bezier(.2, 0, 0, 1);
  --d-fast: 120ms;
  --d-base: 180ms;
  --d-slow: 480ms;
}

@media (max-width: 720px) {
  :root { --gutter: 20px; }
}