/* ============================================================
   TSG Design Tokens — single source of truth for colors
   Shared by main site (main.css) and Ops Dashboard.
   Edit colors HERE; modules consume via var(--…).
   ============================================================ */

:root {
  /* ========== Brand / 品牌主色 ========== */
  --color-primary: #d4af37;       /* gold — header text, accents */
  --color-secondary: #2c2c2c;     /* charcoal — header bar */
  --color-accent: #e67e22;        /* warm orange emphasis */
  --color-danger: #c0392b;        /* destructive / CTA red */
  --color-danger-hover: #a93226;
  --color-bg: #f5f5f0;            /* parchment page background */
  --color-neijing-ground: #CEBD96; /* 内经图取样底色 — under watermarks */
  --color-surface: #ffffff;       /* cards / panels */
  --color-surface-muted: #fafaf8; /* sidebars */
  --color-ink: #2c2c2c;           /* primary text */
  --color-ink-muted: #6b5d4d;     /* secondary text */
  --color-ink-faint: #9a8f82;
  --color-placeholder: #b8a88a;
  --color-card-header: #3d2b1f;   /* dark brown card headers */
  --color-timeline-line: #c08b4584; /* ✅ sage stems */
  --color-timeline-joint: #4c331384; /* ✅ sage joints */
  --color-user-bubble: #e3f2fd;
  --color-avatar-bg: #e8dcc8;
  --color-avatar-bg-hover: #d8c9af;
  --color-avatar-border: #c9a962;
  --color-avatar-border-hover: #e8b84a;
  --color-border-soft: #e0d5c5;
  --color-border-warm: #dcd2b8;
  --color-gold-deep: #8b6914;
  --color-gold-lineage: #c9a227;  /* lineage root stroke */
  --color-divider-line: rgba(0, 0, 0, 0.06); /* divider line */

  /* Legacy aliases (existing CSS continues to work) */
  --header-bg: var(--color-secondary);
  --header-text: var(--color-primary);
  --bg-parchment: var(--color-bg);
  --bg-neijing-ground: var(--color-neijing-ground);
  /* Watermark: fixed width only (height from image aspect 829×1480); bleed past viewport edges. */
  --bg-watermark-w: 600px;
  --bg-watermark-bleed: 60px;
  --bg-watermark-aspect: 900 / 1480;
  --timeline-line: var(--color-timeline-line);
  --text-primary: var(--color-ink);
  --text-secondary: var(--color-ink-muted);
  --card-bg: var(--color-surface);
  --card-header-bg: var(--color-card-header);
  --input-bg: var(--color-surface);
  --input-placeholder: var(--color-placeholder);
  --user-bubble: var(--color-user-bubble);
  --accent-orange: var(--color-accent);

  /* ========== Five elements / 五行（朝代条） ==========
     Use with data-element="earth|wood|metal|fire|water|none" */
   --element-wood: #628D79;   /* 木 */
   --element-fire: #AE3526;   /* 火 */
   --element-earth: #BE9861;  /* 土 */
   --element-metal: #D1CDB8;  /* 金 */
   --element-water: #2B2B2B;  /* 水 */
   --element-none: #d5d3d3;   /* 无 */

   --element-wood-dark: #537B6A;   /* 木 */
   --element-fire-dark: #84272C;   /* 火 */
   --element-earth-dark: #90774D;  /* 土 */
   --element-metal-dark: #B9B3A0;  /* 金 */
   --element-water-dark: #0E0E0C;  /* 水 */

   --element-wood-light: #89A9A3;   /* 木 */
   --element-fire-light: #D55748;   /* 火 */
   --element-earth-light: #E4BE88;  /* 土 */
   --element-metal-light: #E8E5D8;  /* 金 */
   --element-water-light: #565759;  /* 水 */

   --element-wood-ash: #B5C9C3;     /* 木 · 使位 / muted tag */
   --element-fire-ash: #E8A59C;
   --element-earth-ash: #D4BC96;
   --element-metal-ash: #D8D4C8;
   --element-water-ash: #8E9094;

   --element-wood-air: #edf1f0;   /* 木 · card / tag fill */
   --element-fire-air: #FFDEDA;   /* 火 */
   --element-earth-air: #FDF2E2;  /* 土 */
   --element-metal-air: #F9F9F5;  /* 金 */
   --element-water-air: #DADCE1;  /* 水 */

  /* ========== Lineage schools / 医脉学派 ==========
     From 中医流派五行配色: card fill = light/ash; stroke/text = dark/base.
     Float labels use stroke via lineage.js catStyle (not JSON fill).
     Dynasty --element-* tokens are separate and unchanged. */
  --lineage-jingmai-fill: #e4e4e6;
  --lineage-jingmai-stroke: #2e2e30;
  --lineage-jingmai-text: #2e2e30;

  --lineage-shanghan-fill: #f1dfc9;
  --lineage-shanghan-stroke: #7a3f1e;
  --lineage-shanghan-text: #7a3f1e;

  --lineage-hejian-fill: #efdad3;
  --lineage-hejian-stroke: #7a2e2f;
  --lineage-hejian-text: #7a2e2f;

  --lineage-wenbing-fill: #f0d8d9;
  --lineage-wenbing-stroke: #7a2f41;
  --lineage-wenbing-text: #7a2f41;

  --lineage-yishui-fill: #f0e4c8;
  --lineage-yishui-stroke: #8c7853;
  --lineage-yishui-text: #735F3A;

  --lineage-bencao-fill: #dce6da;
  --lineage-bencao-stroke: #45604f;
  --lineage-bencao-text: #45604f;

  --lineage-zhenjiu-fill: #e6e4dc;
  --lineage-zhenjiu-stroke: #56503e;
  --lineage-zhenjiu-text: #56503e;

  --lineage-waike-fill: #e1e3e1;
  --lineage-waike-stroke: #4b5450;
  --lineage-waike-text: #4b5450;

  --lineage-fuke-fill: #e6e2e4;
  --lineage-fuke-stroke: #3a3238;
  --lineage-fuke-text: #3a3238;

  --lineage-erke-fill: #e3e8d3;
  --lineage-erke-stroke: #5c6b3e;
  --lineage-erke-text: #5c6b3e;

  --lineage-wuguan-fill: #eeeae0;
  --lineage-wuguan-stroke: #6b6552;
  --lineage-wuguan-text: #6b6552;

  --lineage-jiepou-fill: #e5e6e7;
  --lineage-jiepou-stroke: #52545c;
  --lineage-jiepou-text: #52545c;

  --lineage-zonghe-fill: #ebdfc9;
  --lineage-zonghe-stroke: #6e5a38;
  --lineage-zonghe-text: #6e5a38;

  --lineage-wenbu-fill: #f0e1c4;
  --lineage-wenbu-stroke: #7a4a1c;
  --lineage-wenbu-text: #7a4a1c;

  --lineage-fangji-fill: #d7e3de;
  --lineage-fangji-stroke: #3e5c55;
  --lineage-fangji-text: #3e5c55;

  --lineage-huitong-fill: #e7e2d8;
  --lineage-huitong-stroke: #5c5647;
  --lineage-huitong-text: #5c5647;

  --lineage-merge-fill: #e3dfc9;
  --lineage-merge-stroke: #3b3730;
  --lineage-merge-text: #3b3730;

  --lineage-root-fill: #1e1912;
  --lineage-root-stroke: #c9a227;
  --lineage-root-text: #f0e9d8;
  --lineage-root-meta: #d4c48a;

  /* Dynasty lineage curves (inheritance mountains) */
  --dynasty-lineage-curve: #A9ABAC;
  --dynasty-lineage-curve-idle-opacity: 0.4;
  --dynasty-lineage-curve-hover-opacity: 0.9;

  /* ========== Search / result cards ========== */
  --search-card-bg: var(--color-surface);
  --search-card-header-bg: var(--color-card-header);
  --search-card-header-text: #ffffff;
  --search-card-book: var(--color-card-header);
  --search-card-book-border: #eeeeee;
  --search-card-excerpt: var(--color-ink-muted);
  --search-card-avatar-bg: var(--color-avatar-bg);
  --search-card-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);

  /* ========== Formula (汤方) search cards ==========
     Used by .result-card--formula + .formula-card-* in main.css
     — Header bar: --search-formula-header + --search-formula-header-text (keep white)
     — Card body fill: --search-formula-bg (wood-air)
     — Section titles 配方/制法/证候: --search-formula-label → color-ink
     — Body copy / prep / quote / 备注: --search-formula-text → color-ink-muted
     — 君臣佐使 pill fill: --formula-role-jun/chen/zuo/shi (wood-dark → ash)
     — 证候 tag fill: --search-formula-tag-bg (wood-air)
     NOTE: legacy --search-formula-bg-top/mid/bot removed (were expert-only gradient). */
  --search-formula-bg: var(--element-wood-air);
  --search-formula-body-bg: var(--color-surface);
  --search-formula-header: var(--element-wood-dark);
  --search-formula-header-text: #ffffff;
  --search-formula-avatar-bg: var(--element-wood-air);
  --search-formula-avatar-border: var(--color-avatar-bg);
  --search-formula-book: var(--color-ink);
  --search-formula-book-border: var(--color-divider-line);
  --search-formula-title: var(--color-ink);
  --search-formula-label: var(--color-ink);
  --search-formula-text: var(--color-ink-muted);
  --search-formula-herb: var(--color-ink);
  --search-formula-note: var(--color-ink-muted);
  --search-formula-tag-bg: var(--element-wood-dark);
  --search-formula-tag-text: var(--color-ink-muted);
  --search-formula-ingredient-row-bg: var(--element-wood-air);
  --search-formula-border: var(--color-border-soft);
  --search-formula-shadow: 0 2px 14px rgba(46, 90, 58, 0.08);
  --formula-role-text: #ffffff;
  --formula-role-default: var(--element-wood);
  --formula-role-jun: var(--element-wood-dark);
  --formula-role-chen: var(--element-wood);
  --formula-role-zuo: var(--element-wood-light);
  --formula-role-shi: var(--element-wood-ash);

  /* ========== Dashboard (Ops) — dark theme, shared gold ========== */
  --dash-bg: #1a1a1a;
  --dash-card: #252525;
  --dash-text: #f0f0f0;
  --dash-muted: #9a9a9a;
  --dash-accent: var(--color-primary); /* reuse brand gold */
  --dash-accent-dim: #c49a1a;
  --dash-border: #3a3a3a;
  --dash-danger: #e85d5d;
  --dash-header-bg: #141414;
}