/* 全站统一设计变量与轻量全局美化（纯本地，无外链）。
   原则：保持法院政务蓝色基底，仅在渐变/阴影/圆角/悬停上做低风险精修，
   让扁平蓝头部与靛蓝侧边栏渐变形成统一视觉语言。
   本文件须在各页面其它样式之前引入，仅定义变量与少量安全的全局规则。 */

:root {
  /* 主色（沿用既有 kiosk 蓝） */
  --color-primary: #4a90e2;
  --color-primary-dark: #3a7bc8;
  --color-primary-soft: #eaf2fc;

  /* 语义色 */
  --color-success: #28a745;
  --color-success-dark: #1f8d3a;
  --color-accent: #6f6fd8;
  --color-danger: #e74c3c;
  --color-warning: #f39c12;

  /* 文本与底色 */
  --color-text: #2b3445;
  --color-text-muted: #6b7280;
  --color-bg: #eef1f6;
  --color-surface: #ffffff;
  --color-border: #e5e9f0;

  /* 品牌渐变：蓝→靛蓝，衔接侧边栏的靛蓝→紫渐变 */
  --gradient-brand: linear-gradient(135deg, #4a90e2 0%, #5b6fd8 100%);
  --gradient-sidebar: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --gradient-success: linear-gradient(135deg, #34c759 0%, #28a745 100%);

  /* 圆角 */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;

  /* 阴影（统一冷色调投影，更柔和有层次） */
  --shadow-sm: 0 2px 8px rgba(31, 45, 80, 0.06);
  --shadow-md: 0 6px 20px rgba(31, 45, 80, 0.10);
  --shadow-lg: 0 12px 32px rgba(31, 45, 80, 0.14);
  --shadow-brand: 0 8px 22px rgba(74, 144, 226, 0.22);

  /* 过渡 */
  --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 字体平滑（更清晰的中文渲染） */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* 文本选区配色 */
::selection {
  background: rgba(74, 144, 226, 0.22);
  color: inherit;
}

/* 统一滚动条（webkit），细窄柔和，贴合政务风 */
* {
  scrollbar-width: thin;
  scrollbar-color: #c2ccdb transparent;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background: #c2ccdb;
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
  background: #a9b6c9;
  background-clip: content-box;
}
::-webkit-scrollbar-track {
  background: transparent;
}