/* Brainwave 色彩变量定义 */
:root {
  /* Brainwave 中性色系 */
  --color-n-1: #FFFFFF;
  --color-n-2: #CAC6DD;
  --color-n-3: #ADA8C3;
  --color-n-4: #757185;
  --color-n-5: #3F3A52;
  --color-n-6: #252134;
  --color-n-7: #15131D;
  --color-n-8: #0E0C15;
  
  /* Brainwave 主题色 */
  --color-1: #AC6AFF;
  --color-2: #FFC876;
  --color-3: #FF776F;
  --color-4: #7ADB78;
  --color-5: #858DFF;
  --color-6: #FF98E2;
  
  /* 描边色 */
  --stroke-1: #26242C;
}

/* CSS类名映射到变量 */
.bg-n-8 { background-color: var(--color-n-8) !important; }
.bg-n-7 { background-color: var(--color-n-7) !important; }
.bg-n-6 { background-color: var(--color-n-6) !important; }

.text-n-1 { color: var(--color-n-1) !important; }
.text-n-2 { color: var(--color-n-2) !important; }
.text-n-3 { color: var(--color-n-3) !important; }
.text-n-4 { color: var(--color-n-4) !important; }

.border-n-6 { border-color: var(--color-n-6) !important; }
.border-n-1\/10 { border-color: rgba(255, 255, 255, 0.1) !important; }
.border-n-2\/5 { border-color: rgba(202, 198, 221, 0.05) !important; }
.border-n-2\/10 { border-color: rgba(202, 198, 221, 0.1) !important; }

.bg-stroke-1 { background-color: var(--stroke-1) !important; }

/* 渐变背景 */
.bg-conic-gradient {
  background: conic-gradient(from 225deg, #FFC876, #79FFF7, #9F53FF, #FF98E2, #FFC876) !important;
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)) !important;
}

.from-n-8 { --tw-gradient-from: var(--color-n-8); --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.via-n-7 { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-from), var(--color-n-7), var(--tw-gradient-to); }
.to-n-6 { --tw-gradient-to: var(--color-n-6); }

/* 文字渐变 */
.bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; }
.from-color-1 { --tw-gradient-from: var(--color-1); --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-color-2 { --tw-gradient-to: var(--color-2); }
.from-color-2 { --tw-gradient-from: var(--color-2); --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-color-1 { --tw-gradient-to: var(--color-1); }

.bg-clip-text { 
  -webkit-background-clip: text !important;
  background-clip: text !important;
}
.text-transparent { 
  color: transparent !important;
}

/* 其他样式增强 */
.backdrop-blur-sm { backdrop-filter: blur(8px) !important; }
.backdrop-blur { backdrop-filter: blur(16px) !important; }

/* 确保body有深色背景 */
body {
  background-color: var(--color-n-8) !important;
}

/* z-index 修复 */
.z-50 { z-index: 50 !important; }
.z-10 { z-index: 10 !important; }
.z-2 { z-index: 2 !important; }
.z-1 { z-index: 1 !important; }