// 中式极简排版基线
//
// Joplin 的排版度量按西文字形设计（13px 正文、1.6 行高、紧凑行距），
// 中文字面更大、笔画更密，沿用时观感偏小且拥挤。这一层只调整排版节奏
// 与交互元素的视觉重量，不改变布局结构与组件层级，便于整体回退。

:root {
	--cn-font-sans: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans SC', 'Source Han Sans SC', Roboto, sans-serif;
	--cn-font-mono: 'SFMono-Regular', 'SF Mono', Menlo, Consolas, 'PingFang SC', monospace;
	--cn-letter-spacing: 0.01em;
	--cn-radius: 4px;
	--cn-radius-sm: 3px;
}

// 覆盖 StyleSheetContainer 注入的 --joplin-font-family（lib 侧固定为 Roboto）。
// 用 ID 选择器保证胜过注入的 :root 规则。
#react-root {
	--joplin-font-family: var(--cn-font-sans);
	--joplin-font-size: 13px;

	// 焦点描边默认取警告色（赭红），在宣纸底色上过于刺眼，改为跟随主题点缀色
	--joplin-focus-outline-color: var(--joplin-url-color);
}

body {
	font-family: var(--cn-font-sans);
	font-size: 13.5px;
	line-height: 1.7;
	letter-spacing: var(--cn-letter-spacing);
	-webkit-font-smoothing: antialiased;
}

div,
span,
a,
button,
input,
textarea,
select {
	letter-spacing: var(--cn-letter-spacing);
}

// 标题与正文拉开层次，避免中文标题与正文同重量
h1 {
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 0.02em;
}

h2 {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.02em;
}

.base-text {
	line-height: 1.75;
}

// 交互元素：统一圆角，去掉硬边框带来的“控件感”
.base-button,
.text-input,
.flat-button,
button,
input[type='text'],
input[type='search'],
input[type='password'],
select {
	border-radius: var(--cn-radius);
}

// 图标按钮的 hover/active 原为固定黑色半透明，暗色主题下会发灰
.icon-button:hover {
	background-color: var(--joplin-background-color-hover3) !important;
	border-color: transparent;
	border-radius: var(--cn-radius-sm);
}

.icon-button:active {
	background-color: var(--joplin-background-color-active3) !important;
	border-color: transparent;
	border-radius: var(--cn-radius-sm);
}

// 侧边栏列表项样式集中在 cn-layout.scss（需与分组标题规则同处一个作用域）。

// 滚动条更细、更淡，减少视觉噪音
::-webkit-scrollbar {
	width: var(--scrollbar-size, 5px);
	height: var(--scrollbar-size, 5px);
}

::-webkit-scrollbar-thumb {
	background: var(--joplin-scrollbar-thumb-color);
	border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
	background: var(--joplin-scrollbar-thumb-color-hover);
}

::-webkit-scrollbar-track:hover {
	background: transparent;
}

// 弹窗：弱化投影，改用细边 + 大圆角，贴近中式留白的克制感
.dialog-root,
.modal-message {
	border-radius: 8px;
}