/**
 * Home X 统一主题变量
 * 用于后台管理系统
 */

:root {
  /* 品牌色 */
  --primary-color: #FF6B35;
  --primary-hover: #E85A2C;
  --primary-light: #FFF0EB;
  
  /* 功能色 */
  --success-color: #52C41A;
  --warning-color: #FAAD14;
  --error-color: #FF4D4F;
  --info-color: #1890FF;
  
  /* 中性色 - 文字 */
  --text-primary: #333333;
  --text-secondary: #666666;
  --text-placeholder: #999999;
  --text-disabled: #CCCCCC;
  --text-white: #FFFFFF;
  
  /* 中性色 - 边框 */
  --border-color: #E8E8E8;
  --border-light: #F0F0F0;
  
  /* 中性色 - 背景 */
  --bg-color: #F5F5F5;
  --bg-light: #F8F8F8;
  --bg-white: #FFFFFF;
  
  /* 后台专用 */
  --sidebar-bg: #304156;
  --sidebar-dark: #263445;
  --admin-primary: #409EFF;
  
  /* 圆角 */
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 16px;
  
  /* 阴影 */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.16);
}

/* 主按钮样式 */
.btn-primary,
.layui-btn-primary,
.pear-btn-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: var(--text-white) !important;
}

.btn-primary:hover,
.layui-btn-primary:hover,
.pear-btn-primary:hover {
  background-color: var(--primary-hover) !important;
  border-color: var(--primary-hover) !important;
}

/* 链接颜色 */
a {
  color: var(--primary-color);
}

a:hover {
  color: var(--primary-hover);
}

/* 成功按钮 */
.btn-success,
.layui-btn-success {
  background-color: var(--success-color) !important;
  border-color: var(--success-color) !important;
}

/* 警告按钮 */
.btn-warning,
.layui-btn-warning {
  background-color: var(--warning-color) !important;
  border-color: var(--warning-color) !important;
}

/* 危险按钮 */
.btn-danger,
.layui-btn-danger {
  background-color: var(--error-color) !important;
  border-color: var(--error-color) !important;
}

/* 表单焦点 */
.layui-input:focus,
.layui-textarea:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 2px var(--primary-light) !important;
}

/* 选中状态 */
.layui-form-checked[lay-skin=primary] i {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

/* 分页激活状态 */
.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: var(--primary-color) !important;
}

/* 标签页激活 */
.layui-tab-brief > .layui-tab-title .layui-this {
  color: var(--primary-color) !important;
}

.layui-tab-brief > .layui-tab-title .layui-this:after {
  background-color: var(--primary-color) !important;
}