// color
$main-color: #165dff;
$light-main-color: #306eff;
$main-background-color: #f7f8fa;
$main-hover-color: #3371ff;
$main-active-color: #e7eeff;
$danger-color: #f53f3f;
$danger-hover-color: #f56060;
$font-color: #1d2129;
$font-light-color: #4e5969;
$fill-color: #f2f3f5;
$text-color: #86909c;
$content-color: #f9f8f9;
$border-color: #e5e6eb;
$border: 1px solid $border-color;
$hanzi-writer-color: #de4444;
$error-color: #f2555a;
$right-color: #30a47d;
$right-bc-color: #e8f7f2;
$label-color: #076aff;
$setting-active-color: #4176ff;
$courseware-bgColor: #fdfdfd; // 教材内容背景色

// px
$header-h: 64px; // 顶部内容高度
$courseware-width: 1000px; // 教材内容宽度
$courseware-left-margin: 100px; // 教材左页边距
$courseware-right-margin: 100px; // 教材右页边距
$courseware-top-padding: 65px; // 教材顶部页边距
$courseware-bottom-padding: 65px; // 教材底部页边距
$component-spacing: 24px; // 组件间间距
$title-content-spacing: 65px; // 标题与内容间距
$border-component-spacing: 10px; // 组件边框与组件内容间距
$catalogue-width: 300px; // 目录宽度
$sidebar-width: 300px; // 工具栏宽度