/* [主题迁移] 统一浅色、深色语义变量及新版兼容别名。 */
/* Yishu design tokens: shared visual baseline across pages. */
:root,
html[data-theme="light"] {
  /* Semantic light palette */
  --theme-canvas: #F4F0E7;
  --theme-canvas-alt: #EAE4D8;
  --theme-surface: #FFFDF8;
  --theme-surface-raised: #FFFEFB;
  --theme-surface-soft: #F6F1E8;
  --theme-text-1: #2E2922;
  --theme-text-2: #5F5548;
  --theme-text-3: #897C6B;
  --theme-text-disabled: #B8AEA0;
  --theme-line: rgba(94,76,52,.14);
  --theme-line-strong: rgba(94,76,52,.24);
  --theme-gold: #B98632;
  --theme-gold-soft: #F4E7CB;
  --theme-pine: #376B58;
  --theme-pine-soft: #E7EFEA;
  --theme-cinnabar: #A84D3E;
  --theme-danger: #B5453B;
  --theme-shadow: 0 18px 50px rgba(55,45,30,.09);
  --theme-texture-opacity: .72;

  /* Compatibility aliases used by existing pages. */
  --gold: var(--theme-gold);
  --gold-deep: var(--theme-gold);
  --gold-light: var(--theme-gold-soft);
  --accent: var(--theme-gold);
  --accent-hover: var(--theme-gold);
  --accent-light: var(--theme-gold-soft);
  --text: var(--theme-text-1);
  --text-secondary: var(--theme-text-2);
  --text-muted: var(--theme-text-3);
  --text-light: var(--theme-text-3);
  --muted: var(--theme-text-3);
  --bg: var(--theme-canvas);
  --bg-alt: var(--theme-canvas-alt);
  --card-bg: var(--theme-surface);
  --surface: var(--theme-surface);
  --border: var(--theme-line);
  --danger: var(--theme-danger);
  --success: var(--theme-pine);

  --color-primary: var(--theme-gold);
  --color-primary-hover: var(--theme-gold);
  --color-accent: var(--theme-gold-soft);
  --color-text: var(--theme-text-1);
  --color-text-light: var(--theme-text-2);
  --color-muted: var(--theme-text-3);
  --color-bg: var(--theme-canvas);
  --color-bg-alt: var(--theme-canvas-alt);
  --color-surface: var(--theme-surface);
  --color-border: var(--theme-line);
  --color-error: var(--theme-danger);
  --color-success: var(--theme-pine);

  /* Radius scale */
  --radius-sm: 8px !important;
  --radius-md: 12px !important;
  --radius-lg: 20px !important;
  --radius-pill: 999px !important;

  /* Spacing scale */
  --space-1: 4px !important;
  --space-2: 8px !important;
  --space-3: 12px !important;
  --space-4: 16px !important;
  --space-6: 24px !important;
  --space-8: 32px !important;

  /* Typography */
  --font-sans: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif !important;
  --font-serif: "Noto Serif SC", "Source Han Serif SC", "SimSun", serif !important;
}

html[data-theme="dark"] {
  --theme-canvas: #171A18;
  --theme-canvas-alt: #1D211E;
  --theme-surface: #222521;
  --theme-surface-raised: #292B26;
  --theme-surface-soft: #202823;
  --theme-text-1: #E8E0D2;
  --theme-text-2: #C7BDAE;
  --theme-text-3: #968B7C;
  --theme-text-disabled: #6F6A62;
  --theme-line: rgba(232,220,200,.13);
  --theme-line-strong: rgba(232,220,200,.22);
  --theme-gold: var(--theme-cinnabar);
  --theme-gold-soft: #3B3325;
  --theme-pine: #78998B;
  --theme-pine-soft: #25322D;
  --theme-cinnabar: #B76C5D;
  --theme-danger: #CF756A;
  --theme-shadow: 0 18px 54px rgba(0,0,0,.28);
  --theme-texture-opacity: .18;
}