/* 设计 token —— 全部颜色、字号、间距、圆角集中在这里 */
:root {
  /* 色板 */
  --ink: #172033;
  --muted: #697386;
  --canvas: #f4f6fb;
  --panel: #ffffff;
  --line: #e7eaf0;

  --brand: #5b5ce2;
  --brand-soft: #eeefff;
  --brand-strong: #4a4bd0;
  --brand-line: #cfd0f7;

  --success: #19a974;
  --success-soft: #e8f7f1;
  --warning: #e69b2d;
  --warning-soft: #fdf3e3;
  --danger: #df5b57;
  --danger-soft: #fdeceb;

  /* 中性派生（均为 ink / muted / line 的同族衍生，不引入新色相） */
  --ink-70: #44506a;
  --subtle: #8a93a5;
  --fill-soft: #f7f8fc;
  --fill-hover: #eef0f7;
  --line-strong: #d6dbe6;

  /* 字体 */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC",
    "Noto Sans CJK SC", sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", "Roboto Mono", ui-monospace,
    "PingFang SC", monospace;

  --fs-display: 28px;
  --fs-h1: 22px;
  --fs-h2: 18px;
  --fs-h3: 15px;
  --fs-body: 14px;
  --fs-sm: 13px;
  --fs-xs: 12px;
  --fs-2xs: 11px;

  /* 间距（4 的倍数） */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;

  /* 圆角 */
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 10px;
  --r-xl: 14px;
  --r-full: 999px;

  /* 阴影：克制，只用于浮层 */
  --shadow-sm: 0 1px 2px rgba(23, 32, 51, .06);
  --shadow-md: 0 4px 16px rgba(23, 32, 51, .10);
  --shadow-lg: 0 12px 40px rgba(23, 32, 51, .16);

  /* 结构尺寸 */
  --sidebar-w: 228px;
  --topbar-h: 56px;
  --content-max: 1500px;
  --page-pad: 24px;

  /* 动效 */
  --ease-out: cubic-bezier(.22, .8, .32, 1);
  --ease-in: cubic-bezier(.5, 0, .9, .4);
  --dur-fast: 150ms;
  --dur-mid: 220ms;
  --dur-slow: 320ms;
}

/* 画面主题 token —— 只作用于 9:16 画面内部，每套主题一个强调色 */
.scene-canvas[data-theme="paper"],
.wm-preview[data-theme="paper"] {
  --sc-bg: #f3efe4;
  --sc-bg-2: #e9e3d4;
  --sc-ink: #241f18;
  --sc-ink-2: #6a6050;
  --sc-line: #cdc4ae;
  --sc-accent: #c2452d;
  --sc-accent-soft: #f0d9d2;
  --sc-on-accent: #fdfaf4;
}

.scene-canvas[data-theme="ink"],
.wm-preview[data-theme="ink"] {
  --sc-bg: #0f1b2d;
  --sc-bg-2: #18283f;
  --sc-ink: #f3f6fb;
  --sc-ink-2: #9fb0c6;
  --sc-line: #2b3f5c;
  --sc-accent: #f2b134;
  --sc-accent-soft: #3a3118;
  --sc-on-accent: #16202f;
}