:root {
  --nomi-bg: oklch(0.985 0.003 90);
  --nomi-paper: oklch(1 0 0);
  --nomi-ink: oklch(0.22 0.01 80);
  --nomi-ink-80: oklch(0.32 0.01 80);
  --nomi-ink-60: oklch(0.50 0.01 80);
  --nomi-ink-40: oklch(0.68 0.01 80);
  --nomi-ink-30: oklch(0.78 0.01 80);
  --nomi-ink-20: oklch(0.88 0.005 80);
  --nomi-ink-10: oklch(0.94 0.003 80);
  --nomi-ink-05: oklch(0.97 0.003 80);
  --nomi-line: oklch(0.91 0.004 80);
  --nomi-line-soft: oklch(0.95 0.003 80);
  --nomi-accent: oklch(0.55 0.13 250);
  --nomi-accent-soft: color-mix(in oklch, var(--nomi-accent) 12%, var(--nomi-paper));
  --nomi-track-text: var(--nomi-accent);
  --nomi-track-image: oklch(0.7 0.13 200);
  --nomi-track-video: oklch(0.65 0.13 150);
  /* 时间轴吸附反馈（暖橙，与 accent 蓝互补、对比最大；仅拖动中临时出现） */
  --nomi-snap: oklch(0.72 0.18 30);
  --nomi-snap-tag: oklch(0.45 0.18 30);
  --nomi-shadow-sm: 0 1px 2px oklch(0 0 0 / 0.04), 0 1px 1px oklch(0 0 0 / 0.03);
  --nomi-shadow-md: 0 2px 4px oklch(0 0 0 / 0.04), 0 8px 24px oklch(0 0 0 / 0.06);
  --nomi-shadow-lg: 0 4px 8px oklch(0 0 0 / 0.05), 0 20px 50px oklch(0 0 0 / 0.08);
  --nomi-radius-sm: 6px;
  --nomi-radius: 10px;
  --nomi-radius-lg: 16px;
  --nomi-transition-fast: 140ms cubic-bezier(.2, .7, .3, 1);
  --nomi-font-sans: Inter, -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", system-ui, sans-serif;
  --nomi-font-display: Fraunces, Inter, serif;
  --nomi-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
}

html,
body,
#root {
  background: var(--nomi-bg);
}
