/* Bouden House DS — Brand family themes
 * One shared system, three properties. Foundations (type, spacing, neutrals,
 * paper/ink, components) are SHARED. Each property overrides only its
 * identity tokens — brand color, accent, band, dark-section color.
 *
 * Apply by scoping a subtree:  <div data-brand="china-review"> … </div>
 * Default (no attribute) is Bouden House.
 *
 *   bouden        博登书屋   — literary publisher · ink-navy + deep brass
 *   china-review  当代中国评论 — review magazine   · stone/taupe band + ink
 *   ny-sage       纽约思想者智库 — policy think tank  · pine + brass
 *
 * Tonal & restrained — no bright red anywhere.
 */

[data-brand="bouden"] {
  --brand: var(--navy-700);
  --brand-strong: var(--navy-900);
  --brand-hover: var(--navy-900);
  --brand-tint: var(--navy-50);
  --band: var(--paper-200);
  --accent: var(--brass-700);
  --accent-hover: #574623;
  --accent-tint: var(--brass-100);
  --link: var(--navy-700);
  --link-hover: var(--navy-900);
  --bg-ink: var(--navy-900);
  --seal-brand: var(--navy-700);
  --price: var(--navy-900);
  --rule-gold: var(--brass-600);
}

/* ---- China Review · 当代中国评论 ---------------------------------- */
/* Ink does the structural work (buttons, links, type); the taupe/stone
 * BAND is the signature surface (masthead + section bands). Near-black
 * dark sections. Quietly authoritative, modern editorial. */
[data-brand="china-review"] {
  --brand: var(--ink-900);
  --brand-strong: #000000;
  --brand-hover: #000000;
  --brand-tint: var(--paper-200);
  --band: var(--stone-600);
  --accent: var(--stone-700);
  --accent-hover: var(--stone-800);
  --accent-tint: var(--stone-100);
  --link: var(--ink-900);
  --link-hover: var(--stone-800);
  --bg-ink: var(--ink-900);
  --seal-brand: var(--stone-700);
  --price: var(--ink-900);
  --rule-gold: var(--ink-900);
}

/* ---- NY Sage · 纽约思想者智库 --------------------------------------- */
/* Deep pine authority, muted brass accent. Cool, institutional, precise. */
[data-brand="ny-sage"] {
  --brand: var(--pine-600);
  --brand-strong: var(--pine-700);
  --brand-hover: var(--pine-700);
  --brand-tint: var(--pine-100);
  --band: var(--pine-100);
  --accent: var(--brass-600);
  --accent-hover: var(--brass-700);
  --accent-tint: var(--brass-100);
  --link: var(--pine-600);
  --link-hover: var(--brass-700);
  --bg-ink: var(--pine-700);
  --seal-brand: var(--pine-600);
  --price: var(--pine-600);
  --rule-gold: var(--brass-600);
}