/**
 * 全局样式
 */

/* 引入 Design Tokens */
@import './tokens.css';

/* 重置和基础样式 */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
  font-family: var(--font-family-sans);
  font-size: 14px;
  line-height: 1.5;
  color: var(--color-text-base);
  background-color: var(--color-canvas);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#root {
  height: 100%;
}

/* 等宽字体用于代码、ID、时间戳 */
code,
.mono {
  font-family: var(--font-family-mono);
}

/* 链接 */
a {
  color: var(--color-primary);
  text-decoration: none;
}

a:hover {
  color: var(--color-primary-hover);
}

/* 滚动条样式 - 使用双冒号 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--color-surface-muted);
}

::-webkit-scrollbar-thumb {
  background: var(--color-border-strong);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-text-muted);
}

/* 选中文本 - 使用双冒号 */
::selection {
  background-color: rgba(14, 90, 106, 0.2);
  color: var(--color-text-strong);
}

/* 确保Ant Design菜单可点击 */
.ant-menu-item,
.ant-menu-submenu-title {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* 确保链接和按钮可点击 */
a,
button {
  pointer-events: auto !important;
}
