/* 现代政务设计规范色彩系统 */
:root {
  /* 主色系 - 深海蓝家族 */
  --deep-blue-900: #1c2c3d; /* 最深色调 */
  --deep-blue-800: #2A3F54; /* 主要深海蓝 */
  --deep-blue-700: #34506c;
  --deep-blue-600: #3d5e81;
  --deep-blue-500: #466d96; /* 基础主色 */
  --deep-blue-400: #5d85ad; /* 轻一级色调 */
  --deep-blue-300: #7599bc; /* 更浅色调 */
  --deep-blue-200: #a4bbd4; /* 极浅色调 */
  --deep-blue-100: #d3e0ed; /* 背景/分割用色 */
  --deep-blue-50: #edf4fa;  /* 高亮背景用色 */
  
  /* 冰川蓝家族 */
  --glacier-blue-600: #2c7da0; /* 深冰川蓝 */
  --glacier-blue-500: #3399cc; /* 标准冰川蓝 */
  --glacier-blue-400: #5bacd6; /* 中等冰川蓝 */
  --glacier-blue-300: #89c2e2; /* 浅冰川蓝 */
  --glacier-blue-200: #b5d7ed; /* 极浅冰川蓝 */
  --glacier-blue-100: #e1f1fa; /* 背景用冰川蓝 */
  
  /* 暖橙色 - 友好/提示用色 */
  --warm-orange-600: #d85b2d; /* 深暖橙 */
  --warm-orange-500: #FF6B35; /* 标准暖橙 */
  --warm-orange-400: #ff865c; /* 中等暖橙 */
  --warm-orange-300: #ffa483; /* 浅暖橙 */
  --warm-orange-200: #ffc4b2; /* 极浅暖橙 */
  --warm-orange-100: #ffe4dc; /* 背景用暖橙 */
  
  /* 功能色 */
  --success-700: #1b753f; /* 深成功色 */
  --success-500: #2a9d58; /* 标准成功色 */
  --success-300: #8cd0a7; /* 浅成功色 */
  --success-100: #e3f5e9; /* 成功背景色 */
  
  --warning-700: #c87400; /* 深警告色 */
  --warning-500: #f18d00; /* 标准警告色 */
  --warning-300: #ffc166; /* 浅警告色 */
  --warning-100: #fff4e3; /* 警告背景色 */
  
  --danger-700: #c42b1c; /* 深危险色 */
  --danger-500: #e53935; /* 标准危险色 */
  --danger-300: #ff7a75; /* 浅危险色 */
  --danger-100: #feebea; /* 危险背景色 */
  
  --info-700: #0271ad; /* 深信息色 */
  --info-500: #0288d1; /* 标准信息色 */
  --info-300: #76c5f3; /* 浅信息色 */
  --info-100: #e2f4fd; /* 信息背景色 */
  
  /* 中性色 */
  --gray-900: #212529; /* 最深文本色 */
  --gray-800: #343a40; /* 主文本色 */
  --gray-700: #495057; /* 次要文本色 */
  --gray-600: #6c757d; /* 辅助文本色 */
  --gray-500: #adb5bd; /* 失效/提示文本色 */
  --gray-400: #ced4da; /* 边框/分割线色 */
  --gray-300: #dee2e6; /* 浅分割线色 */
  --gray-200: #e9ecef; /* 背景色 */
  --gray-100: #f8f9fa; /* 表头/卡片背景 */
  --white: #ffffff;    /* 纯白 */
  
  /* 渐变色 */
  --gradient-blue: linear-gradient(135deg, var(--deep-blue-800) 0%, var(--glacier-blue-500) 100%);
  --gradient-warm-blue: linear-gradient(135deg, var(--deep-blue-700) 0%, var(--warm-orange-500) 100%);
  --gradient-glacier: linear-gradient(135deg, var(--glacier-blue-600) 0%, var(--glacier-blue-300) 100%);
}

/* 重新定义Bootstrap主题颜色 */
body {
  background-color: var(--gray-100);
  color: var(--gray-800);
  font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
}

/* 导航栏样式重构 */
.navbar {
  background: var(--gradient-blue) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.85);
}

.navbar-dark .navbar-nav .nav-link:hover {
  color: var(--white);
}

.navbar-dark .navbar-nav .nav-link.active {
  color: var(--white);
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
}

/* 按钮重构 */
.btn-primary {
  background-color: var(--deep-blue-800);
  border-color: var(--deep-blue-800);
  color: var(--white);
}

.btn-primary:hover, .btn-primary:active {
  background-color: var(--deep-blue-700) !important;
  border-color: var(--deep-blue-700) !important;
}

.btn-outline-primary {
  color: var(--deep-blue-800);
  border-color: var(--deep-blue-800);
}

.btn-outline-primary:hover {
  background-color: var(--deep-blue-800);
  border-color: var(--deep-blue-800);
}

.btn-success {
  background-color: var(--success-500);
  border-color: var(--success-500);
}

.btn-success:hover, .btn-success:active {
  background-color: var(--success-700) !important;
  border-color: var(--success-700) !important;
}

.btn-danger {
  background-color: var(--danger-500);
  border-color: var(--danger-500);
}

.btn-outline-secondary {
  color: var(--gray-700);
  border-color: var(--gray-400);
}

.btn-outline-secondary:hover {
  background-color: var(--gray-200);
  border-color: var(--gray-500);
  color: var(--gray-800);
}

.btn-outline-success {
  color: var(--success-500);
  border-color: var(--success-500);
}

.btn-outline-success:hover {
  background-color: var(--success-500);
  border-color: var(--success-500);
}

/* 卡片样式重构 */
.card-header {
  background-color: var(--white);
  border-bottom: 1px solid var(--gray-300);
}

.card-header .card-title {
  color: var(--deep-blue-800);
}

.custom-card {
  border: none;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.custom-card .card-header i {
  color: var(--deep-blue-600);
}

/* 徽章样式 */
.badge {
  font-weight: 500;
  padding: 0.35em 0.65em;
}

.badge.bg-primary {
  background-color: var(--deep-blue-800) !important;
}

.badge.bg-secondary {
  background-color: var(--gray-600) !important;
}

.badge.bg-success {
  background-color: var(--success-500) !important;
}

.badge.bg-danger {
  background-color: var(--danger-500) !important;
}

.badge.bg-warning {
  background-color: var(--warning-500) !important;
  color: var(--gray-900);
}

.badge.bg-info {
  background-color: var(--info-500) !important;
}

/* 表格样式 */
.table {
  color: var(--gray-800);
}

.table thead {
  background-color: var(--gray-100);
}

.table thead th {
  color: var(--deep-blue-800);
  font-weight: 500;
}

.table-hover tbody tr:hover {
  background-color: var(--deep-blue-50);
}

/* 面包屑导航 */
.breadcrumb {
  background-color: var(--white);
}

.breadcrumb-item a {
  color: var(--deep-blue-600);
}

.breadcrumb-item a:hover {
  color: var(--deep-blue-800);
}

.breadcrumb-item.active {
  color: var(--gray-600);
}

/* 模态框 */
.modal-header {
  background-color: var(--deep-blue-800);
  color: var(--white);
}

.modal-header .btn-close {
  color: var(--white);
}

/* 表单控件 */
.form-control:focus,
.form-select:focus {
  border-color: var(--deep-blue-400);
  box-shadow: inset 0 0 0 2px rgba(42, 63, 84, 0.25);
}

.form-control:hover:not(:focus),
.form-select:hover:not(:focus) {
  border-color: var(--deep-blue-400);
}

.form-label {
  color: var(--gray-700);
}

/* 导航标签页 */
.nav-tabs .nav-link {
  color: var(--gray-700);
}

.nav-tabs .nav-link:hover {
  color: var(--deep-blue-700);
}

.nav-tabs .nav-link.active {
  color: var(--deep-blue-800);
  border-color: var(--deep-blue-300) var(--deep-blue-300) transparent;
}

/* 警告框 */
.alert-success {
  background-color: var(--success-100);
  border-color: var(--success-300);
  color: var(--success-700);
}

.alert-warning {
  background-color: var(--warning-100);
  border-color: var(--warning-300);
  color: var(--warning-700);
}

.alert-danger {
  background-color: var(--danger-100);
  border-color: var(--danger-300);
  color: var(--danger-700);
}

.alert-info {
  background-color: var(--info-100);
  border-color: var(--info-300);
  color: var(--info-700);
}

.alert-light {
  background-color: var(--gray-100);
  border-color: var(--gray-300);
  color: var(--gray-800);
}

.alert-primary {
  background-color: var(--deep-blue-100);
  border-color: var(--deep-blue-300);
  color: var(--deep-blue-800);
}

/* 进度条 */
.progress-bar {
  background-color: var(--deep-blue-800);
}

.progress-bar.bg-success {
  background-color: var(--success-500) !important;
}

.progress-bar.bg-danger {
  background-color: var(--danger-500) !important;
}

.progress-bar.bg-warning {
  background-color: var(--warning-500) !important;
}

.progress-bar.bg-info {
  background-color: var(--info-500) !important;
}

/* 特定组件样式优化 */
.communication-avatar {
  background-color: var(--deep-blue-800);
}

.timeline-marker {
  background-color: var(--deep-blue-800);
}

.active-department {
  color: var(--deep-blue-800);
}

.active-department:before {
  background-color: var(--deep-blue-800);
}

/* 暖橙色元素点缀 */
.btn-action {
  background-color: var(--warm-orange-500);
  border-color: var(--warm-orange-500);
  color: var(--white);
}

.btn-action:hover {
  background-color: var(--warm-orange-600);
  border-color: var(--warm-orange-600);
}

.priority-highlight {
  color: var(--warm-orange-500);
}

/* 圆形指示器 */
.rounded-indicator {
  background-color: var(--deep-blue-800);
}

/* Toast通知 */
.toast.bg-success {
  background-color: var(--success-500) !important;
}