/* ============================================================
   "EDITORIAL MAGAZINE" — DESIGN TOKENS (Direction A)
   ============================================================ */
:root {
  /* ---- Color · Surfaces ---- */
  --paper:        #f7f4ee;   /* page background, warm paper cream */
  --paper-deep:   #efeadf;   /* card / almanac tint, one shade deeper */
  --paper-wash:   #faf8f3;   /* lightest wash, table row alt */

  /* ---- Color · Ink (primary) ---- */
  --ink:          #1d2a23;   /* deep ink-green, headings + body text */
  --ink-soft:     #45544b;   /* secondary text, bylines, excerpts */
  --ink-faint:    #5d6c63;   /* metadata, captions (large/bold use only) */

  /* ---- Color · Cinnabar (朱砂 accent — use sparingly) ---- */
  --cinnabar:     #a8351f;   /* links, numerals, rules, seal marks */
  --cinnabar-ink: #8c2b18;   /* link hover / pressed */
  --cinnabar-tint:#f0dcd4;   /* faint cinnabar wash for chips */

  /* ---- Color · Structure ---- */
  --hairline:     #d9d2c2;   /* 1px editorial rules */
  --hairline-dark:#1d2a23;   /* strong section rules (ink) */
  --sage:         #93a293;   /* muted green for image-placeholder art */
  --sage-deep:    #6d7f6f;   /* darker sage for placeholder patterns */

  /* ---- Typography · Families ---- */
  --font-display: "Cormorant Garamond", "Songti SC", Georgia, serif; /* headlines, pull quotes */
  --font-body:    "Source Serif 4", Georgia, serif;                  /* article body */
  --font-ui:      "Karla", "Helvetica Neue", Arial, sans-serif;      /* nav, kickers, buttons, meta */
  --font-hanzi:   "Songti SC", "Noto Serif SC", "SimSun", serif;     /* decorative hanzi accents */

  /* ---- Typography · Scale ---- */
  --text-hero:    clamp(2.6rem, 6.5vw, 4.75rem);  /* homepage headline */
  --text-h1:      clamp(2.1rem, 5vw, 3.4rem);     /* article H1 */
  --text-h2:      1.75rem;                        /* article H2 */
  --text-h3:      1.3rem;                         /* card titles */
  --text-body:    1.0625rem;                      /* 17px article body */
  --text-small:   0.875rem;                       /* excerpts, table body */
  --text-kicker:  0.6875rem;                      /* 11px small-caps labels */
  --leading-body: 1.78;                           /* body line-height */
  --track-kicker: 0.22em;                         /* kicker letter-spacing */

  /* ---- Spacing ---- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;      /* between-section rhythm */
  --space-6: 6.5rem;    /* major section breaks */

  /* ---- Layout ---- */
  --page-max:    1140px;  /* outer grid */
  --measure:     680px;   /* article column */
  --radius:      0px;     /* editorial = sharp corners everywhere */

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}