/* 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;
}