/* 
 * 主题配置
 * --zk-primary 主色
 * --zk-primary-hover 主色悬停（主色的85%）
 * --zk-primary-disable 主色禁用（主色的30%）
 * --zk-primary-light-20 主色浅化 (主色的20%）- 常用于浅色背景
 * --zk-primary-light 主色浅化 (主色的10%）- 常用于浅色背景
 * --zk-primary-light-5 主色浅化 (主色的5%）- 常用于更浅色背景
 * --zk-success 成功色
 * --zk-success-light 成功色浅化 (成功色的10%）- 常用于浅色背景
 * --zk-warning 警告色
 * --zk-warning-light 警告色浅化 (警告色的10%）- 常用于浅色背景
 * --zk-danger 危险色
 * --zk-danger-light 危险色浅化 (危险色的10%）- 常用于浅色背景
 * --zk-navbar-bg 顶部导航栏背景色
 * --zk-sidebar-bg 侧边栏背景色
 */
 :root {
  --zk-success: #2da641;  
  --zk-success-light: rgba(45,166,65,0.1);
  --zk-warning: #ff8a00;
  --zk-warning-light: rgba(255,138,0,0.1);
  --zk-danger: #ff0000;
  --zk-danger-light: rgba(255,0,0,0.1);  
 }

/* 默认蓝色主题 */
:root.theme-default {
  --zk-primary-rgb: 0,128,255;
  --zk-primary: #0080ff;
  --zk-primary-hover: rgba(0,128,255,0.85);
  --zk-primary-disable: rgba(0,128,255,0.3);
  --zk-primary-light-20: rgba(0,128,255,0.2);
  --zk-primary-light: rgba(0,128,255,0.1);
  --zk-primary-light-5: rgba(0,128,255,0.05);
  --zk-navbar-bg: #ffffff;
  --zk-sidebar-bg: #f2f3f6;
}

/* 橙色主题 */
:root.theme-orange {
  --zk-primary-rgb: 255,136,0;
  --zk-primary: #ff8800;
  --zk-primary-hover: rgba(255,136,0,0.85);
  --zk-primary-disable: rgba(255,136,0,0.3);
  --zk-primary-light-20: rgba(255,136,0,0.2);
  --zk-primary-light: rgba(255,136,0,0.1);
  --zk-primary-light-5: rgba(255,136,0,0.05);
  --zk-navbar-bg: #ffffff;
  --zk-sidebar-bg: #f2f3f6;
}