/* 渝北主题颜色变量 */
:root {
  /* 主色调 - 以 #248AD1 为基础 */
  --primary-color: #248AD1;
  --primary-color-dark: #1c6ca6;
  --primary-color-light: #b3d4f0;
  --primary-color-lighter: #e6f2fb;
  
  /* 渐变色 */
  --gradient-background: linear-gradient(135deg, #e6f2fb 0%, #b3d4f0 100%);
  --gradient-header: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(240, 247, 255, 0.95) 100%);
  --gradient-title: linear-gradient(135deg, #1c6ca6 0%, #248AD1 100%);
  
  /* 链接颜色 */
  --link-color: #248AD1;
  --link-color-hover: #1c6ca6;
  
  /* 背景色 */
  --background-color: #ffffff;
  --background-color-light: #edf5fc;
  
  /* 边框颜色 */
  --border-color: #e0e0e0;
  --border-color-light: #eee;
  --border-color-blue: #c5ddf4;
  
  /* 文本颜色 */
  --text-color: #333;
  --text-color-light: #666;
  --text-color-lighter: rgba(0, 0, 0, 0.45);
  
  /* 错误颜色 */
  --error-color: #ff4d4f;
  
  /* 阴影 */
  --shadow-light: 0 1px 2px rgba(0, 0, 0, 0.02);
  --shadow-medium: 0 2px 4px rgba(0, 0, 0, 0.05);
  --shadow-large: 0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-bottom: 0 -2px 10px rgba(0, 0, 0, 0.05);
}

/* 主题样式类 */
.primary-bg {
  background-color: var(--primary-color);
}

.primary-text {
  color: var(--primary-color);
}

.gradient-bg {
  background: var(--gradient-background);
}

.link-color {
  color: var(--link-color);
}