/* 主题适配层 —— 让套件长成这个站的样子，而不是硬套自带的皮。
 *
 * 为什么要有这一层：站点通常已经有自己的令牌（比如 --paper / --terra / --ink），
 * 套件用的是 --tj-*。值就算一开始一样，站点后面改了自己的色，套件不会跟着变，
 * 于是认证页和首页开始慢慢分叉。这一层把站点令牌映射过来，改一处两边都变。
 *
 * 用法：
 *   1) 复制成 assets/theme-adapt.css
 *   2) 把右边换成这个站真实的令牌名（不确定就去 styles.css 里 grep '--'）
 *   3) 在 tokens.css 之后、components.css 之前引入
 *
 * 不需要适配就别装这个文件 —— 套件自带的 TJ·MO 默认皮已经能看。
 */
:root{
  /* 底色 */
  --tj-bg:        var(--paper,     #F8F6F2);
  --tj-surface:   var(--card,      #FFFFFF);
  --tj-surface-2: var(--wash,      #F2EFE9);
  --tj-line:      var(--line,      #DCD8D0);
  --tj-line-soft: var(--line-soft, #E8E4DC);

  /* 文字 */
  --tj-ink:   var(--ink,  #1C1A17);
  --tj-ink-2: var(--ink2, #55504A);
  --tj-ink-3: var(--mist, #8A847B);

  /* 强调色：全页唯一满饱和的那个 */
  --tj-accent:      var(--terra,      #B85C38);
  --tj-accent-soft: var(--terra-wash, #F0E2DB);
  --tj-accent-line: var(--terra-line, #E0C5B8);

  /* 字体：站点若已定义 --display / --body 就跟着走 */
  --tj-font-display: var(--display, 'Fraunces', 'Songti SC', Georgia, serif);
  --tj-font-body:    var(--body,    'Inter Tight', Inter, -apple-system, 'PingFang SC', system-ui, sans-serif);
}
