/* global.css */
:root {
  --primary-color: #005eb8;
  /* 主要颜色 */
  --secondary-color: #f0f0f0;
  /* 次要颜色 */
  --font-stack: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  /* 字体栈 */
}

body {
  font-family: var(--font-stack);
  /* 使用字体栈变量 */
}

.container {
  color: var(--primary-color);
  /* 使用主要颜色变量 */
  background-color: var(--secondary-color);
  /* 使用次要颜色变量 */
  padding: 20px;
}

.btn-primary {
  background-color: var(--primary-color);
  /* 使用主要颜色变量 */
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}

.btn-primary:hover {
  background-color: darken(var(--primary-color), 10%);
  /* 使用函数调整颜色变量 */
}

.loader-wrapper {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}