// 主题变量（支持 light / dark 两组值，通过 html[data-theme] 控制）
:root {
	--sidebar-bg: #F9FAFB;
	--header-bg: #ffffff;
	--header-text-color: #ffffff;
}

html[data-theme='dark'] {
	--sidebar-bg: #1f2d3d;
	--header-bg: #1f2d3d;
	--header-text-color: #ffffff;
}

html[data-theme='light'] {
	--sidebar-bg: #F9FAFB;
	--header-bg: #ffffff;
	--header-text-color: #374151;
}

// less 变量别名，方便在 less 文件中使用
@sidebar-bg: var(--sidebar-bg);
@header-bg: var(--header-bg);
@theme-text-color: var(--text-color);
@header-text-color: var(--header-text-color);
// 按钮选中/强调色
html[data-theme='dark'] {
	--btn-selected-bg: #1f6feb;
	--btn-selected-color: #fff;
}
html[data-theme='light'] {
	--btn-selected-bg: #1890ff;
	--btn-selected-color: #fff;
}
@btn-selected-bg: var(--btn-selected-bg);
@btn-selected-color: var(--btn-selected-color);
