/* ============================================================
   B+ Design Tokens — paulkuo.tw redesign
   Load order: tokens.css → global.css → cjk-fixes.css
   DO NOT use these vars in global.css until its own tokens
   are migrated away (components migrate step by step).
   ============================================================ */

:root {
  /* paper / ink palette */
  --paper:        #F8F5EE;   /* base background */
  --paper-warm:   #F2EDDF;   /* secondary surface, panels */
  --paper-deep:   #ECE6D4;   /* canvas / outside-frame */
  --paper-ink:    #E8DFC8;   /* deepest, rarely used */

  --ink:          #1A2240;   /* primary text, near-black navy */
  --ink-soft:     #2A3253;   /* body text */
  --ink-mute:     #5A6280;   /* secondary text, lede */
  --mist:         #8B8678;   /* tertiary, meta, timestamps */
  --mist-soft:    #B5B0A2;   /* placeholder, disabled */

  /* single accent */
  --gold:         #B8956A;   /* hairline accent ONLY — never large fills */
  --gold-hair:    rgba(184,149,106,.4);

  /* dividers */
  --hairline:     rgba(26,34,64,.12);
  --hairline-soft:rgba(26,34,64,.06);

  /* 5 pillars (desaturated) */
  --p-intel:      #6B7B95;   /* 智能與秩序 slate-blue */
  --p-circ:       #8A9579;   /* 循環再利用 sage */
  --p-civ:        #B07A65;   /* 文明與人性 terracotta */
  --p-create:     #B59D6B;   /* 創造與建構 ochre */
  --p-medit:      #957A8E;   /* 沉思與記憶 mauve */

  /* type stacks */
  --serif:    'Noto Serif TC','Source Han Serif TC',ui-serif,Georgia,serif;
  --serif-en: 'Playfair Display',Georgia,serif;
  --sans:     'Noto Sans TC',ui-sans-serif,system-ui,sans-serif;
  --mono:     'JetBrains Mono',ui-monospace,monospace;

  /* type scale (px, fluid via clamp in real CSS) */
  --t-display:  62px;  /* homepage H1 EN */
  --t-h1:       52px;  /* article hero H1 */
  --t-h1-list:  56px;  /* list-page H1 */
  --t-h2:       24px;  /* section heading */
  --t-h3:       19px;  /* list item title */
  --t-body:     16px;  /* body sans */
  --t-lede:     20px;  /* article subtitle */
  --t-meta:     11px;  /* mono meta */

  /* spacing rhythm (8px base) */
  --s-1: 8px;  --s-2: 16px;  --s-3: 24px;  --s-4: 32px;
  --s-5: 48px; --s-6: 64px;  --s-7: 80px;  --s-8: 96px;

  /* container measures */
  --measure-essay:  760px;  /* article reading width */
  --measure-wiki:   880px;  /* wiki concept page */
  --measure-list:   1100px; /* list pages */
}