@tailwind base;
@tailwind components;
@tailwind utilities;

html,
body,
#root {
  height: 100%;
  margin: 0;
}

body {
  background: #0b0d12;
  color: #cbd2de;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* 深色滚动条 */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background: #242b3c;
  border-radius: 8px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
  background: #323a4f;
  background-clip: padding-box;
}
::-webkit-scrollbar-track {
  background: transparent;
}

/* 紫→青品牌渐变文字 */
.brand-gradient {
  background: linear-gradient(90deg, #a78bfa, #22d3ee);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

/* 输入控件深色统一 */
input,
textarea,
select {
  color-scheme: dark;
}