/* Global design tokens. Page-local legacy aliases remain during migration. */
:root{
  --color-brand:#4a1968;
  --color-brand-deep:#2e0f42;
  --color-brand-light:#d4c8de;
  --color-brand-dim:#9b7aaa;
  --color-accent:#b8976e;
  --color-paper:#faf7f2;
  --color-paper-dim:#f2efe8;
  --color-ink:#1c1a18;
  --color-ink-soft:#3d3a36;
  --color-ink-light:#a0988c;
  --color-white:#fff;
  --color-line:rgba(74,25,104,.14);
  --color-header-bg:rgba(252,250,247,.92);
  --color-header-ink:#3d3a36;
  --header-padding:16px 40px;
  --header-padding-mobile:14px 24px;
  --header-logo-height:40px;
  --header-nav-gap:32px;

  --font-body:'Noto Serif SC','Songti SC','STSong','SimSun',serif;
  --font-display-en:'Great Vibes','Tangerine','Georgia',serif;
  --font-label:'Playfair Display',Georgia,serif;

  /* Typography scale — shared repeated roles. */
  --type-body:1.0625rem;
  --type-body-sm:.95rem;
  --type-body-compact:.85rem;
  --type-tag:.8rem;
  --type-button:1.05rem;
  --type-card-title:1.15rem;
  --type-card-body:.95rem;
  --type-label:.75rem;
  --type-micro:.7rem;

  --content-max:1200px;
  --page-gutter:40px;
  --page-gutter-mobile:24px;
  --header-height:72px;
  --section-space:100px;
  --section-space-mobile:60px;
  --footer-padding:6rem 2.5rem 3rem;
  --footer-main-gap:2rem;
  --footer-main-margin:3rem;
  --ease-brand:cubic-bezier(.19,1,.22,1);
  --ease-ui:cubic-bezier(.4,0,.2,1);

  /* Compatibility aliases for page-level CSS migration. */
  --primary:var(--color-brand);
  --primary-deep:var(--color-brand-deep);
  --primary-light:var(--color-brand-light);
  --primary-dim:var(--color-brand-dim);
  --brand:var(--color-brand);
  --brand-deep:var(--color-brand-deep);
  --brand-dim:var(--color-brand-dim);
  --paper:var(--color-paper);
  --paper-dim:var(--color-paper-dim);
  --ink:var(--color-ink);
  --ink-soft:var(--color-ink-soft);
  --ink-light:var(--color-ink-light);
  --white:var(--color-white);
  --font-cn:var(--font-body);
  --font-en:var(--font-display-en);
  --max-w:var(--content-max);
  --ease:var(--ease-brand);
}

body.header-theme-taichi{
  --color-brand:#a55300;
  --color-brand-deep:#6b3500;
  --color-brand-light:#bf9e59;
  --color-brand-dim:#bf9e59;
  --color-accent:#c9a96e;
  --color-paper:#fcfaf7;
  --color-paper-dim:#f5f1e9;
  --color-ink-soft:#5c5348;
  --color-line:rgba(165,83,0,.14);
  --color-header-ink:#5c5348;
  --header-logo-height:36px;
  --primary:var(--color-brand);
  --primary-deep:var(--color-brand-deep);
  --primary-light:var(--color-brand-light);
  --primary-dim:var(--color-brand-dim);
  --brand:var(--color-brand);
  --brand-deep:var(--color-brand-deep);
  --brand-dim:var(--color-brand-dim);
  --paper:var(--color-paper);
  --paper-dim:var(--color-paper-dim);
  --ink-soft:var(--color-ink-soft);
  --font-en:'Playfair Display',Georgia,serif;
}