/* 性价比中转站品牌主色 - 像素级复刻 aivalux 绿 */
:root {
  --brand-50:  rgb(229 250 244);
  --brand-100: rgb(191 242 224);
  --brand-200: rgb(143 233 200);
  --brand-300: rgb(95 221 176);
  --brand-400: rgb(47 207 153);
  --brand-500: rgb(0 179 134);
  --brand-600: rgb(0 163 122);
  --brand-700: rgb(0 142 104);
  --brand-800: rgb(0 118 85);
  --brand-900: rgb(0 87 61);
  --brand-50-30: rgba(229, 250, 244, 0.3);
}

/* 重写 Tailwind primary-* 配色 - 背景 */
.bg-primary-50  { background-color: var(--brand-50) !important; }
.bg-primary-100 { background-color: var(--brand-100) !important; }
.bg-primary-200 { background-color: var(--brand-200) !important; }
.bg-primary-300 { background-color: var(--brand-300) !important; }
.bg-primary-400 { background-color: var(--brand-400) !important; }
.bg-primary-500 { background-color: var(--brand-500) !important; }
.bg-primary-600 { background-color: var(--brand-500) !important; }
.bg-primary-700 { background-color: var(--brand-700) !important; }
.bg-primary-800 { background-color: var(--brand-800) !important; }
.bg-primary-900 { background-color: var(--brand-900) !important; }

/* 重写 - 文字 */
.text-primary-50  { color: var(--brand-50) !important; }
.text-primary-100 { color: var(--brand-100) !important; }
.text-primary-200 { color: var(--brand-200) !important; }
.text-primary-300 { color: var(--brand-300) !important; }
.text-primary-400 { color: var(--brand-400) !important; }
.text-primary-500 { color: var(--brand-500) !important; }
.text-primary-600 { color: var(--brand-600) !important; }
.text-primary-700 { color: var(--brand-700) !important; }
.text-primary-800 { color: var(--brand-800) !important; }
.text-primary-900 { color: var(--brand-900) !important; }

/* 重写 - 边框 */
.border-primary-50  { border-color: var(--brand-50) !important; }
.border-primary-100 { border-color: var(--brand-100) !important; }
.border-primary-200 { border-color: var(--brand-200) !important; }
.border-primary-300 { border-color: var(--brand-300) !important; }
.border-primary-400 { border-color: var(--brand-400) !important; }
.border-primary-500 { border-color: var(--brand-500) !important; }
.border-primary-600 { border-color: var(--brand-600) !important; }
.border-primary-700 { border-color: var(--brand-700) !important; }
.border-primary-800 { border-color: var(--brand-800) !important; }
.border-primary-900 { border-color: var(--brand-900) !important; }

/* 重写 - 渐变 */
.from-primary-50  { --tw-gradient-from: var(--brand-50) var(--tw-gradient-from-position) !important; --tw-gradient-to: var(--brand-50-30) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-primary-100 { --tw-gradient-from: var(--brand-100) var(--tw-gradient-from-position) !important; --tw-gradient-to: var(--brand-100) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-primary-400 { --tw-gradient-from: var(--brand-400) var(--tw-gradient-from-position) !important; --tw-gradient-to: var(--brand-400) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-primary-500 { --tw-gradient-from: var(--brand-500) var(--tw-gradient-from-position) !important; --tw-gradient-to: var(--brand-500) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-primary-600 { --tw-gradient-from: var(--brand-500) var(--tw-gradient-from-position) !important; --tw-gradient-to: var(--brand-500) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-primary-600 { --tw-gradient-to: var(--brand-500) !important; }
.to-primary-700 { --tw-gradient-to: var(--brand-700) !important; }

/* 重写 - 阴影 */
.shadow-primary-500\/10 { --tw-shadow-color: rgb(0 179 134 / 0.1) !important; }
.shadow-primary-500\/30 { --tw-shadow-color: rgb(0 179 134 / 0.3) !important; }

/* 重写 - Ring */
.ring-primary-500\/20 { --tw-ring-color: rgb(0 179 134 / 0.2) !important; }
.ring-primary-500 { --tw-ring-color: var(--brand-500) !important; }

/* 重写 - 按钮 */
.btn-primary {
  background-color: var(--brand-500) !important;
  border-color: var(--brand-500) !important;
  color: #fff !important;
}
.btn-primary:hover {
  background-color: var(--brand-600) !important;
  border-color: var(--brand-600) !important;
}

/* 重写 - 输入框 focus ring */
.focus\:ring-primary-500:focus {
  --tw-ring-color: var(--brand-500) !important;
}

/* 重写 - 暗色模式下的 hover */
.hover\:bg-primary-700:hover { background-color: var(--brand-700) !important; }
.hover\:text-primary-700:hover { color: var(--brand-700) !important; }
.dark .dark\:text-primary-300 { color: var(--brand-300) !important; }
.dark .dark\:text-primary-400 { color: var(--brand-400) !important; }
.dark .dark\:bg-primary-900\/30 { background-color: rgb(0 87 61 / 0.3) !important; }
.dark .dark\:bg-primary-900\/50 { background-color: rgb(0 87 61 / 0.5) !important; }
.dark .dark\:border-primary-800 { border-color: var(--brand-800) !important; }
.dark .dark\:border-primary-700 { border-color: var(--brand-700) !important; }
.dark .dark\:border-primary-400 { border-color: var(--brand-400) !important; }
.dark .dark\:from-primary-500 { --tw-gradient-from: var(--brand-500) !important; }
.dark .dark\:to-primary-500 { --tw-gradient-to: var(--brand-500) !important; }