:root {
  --site-primary: #e74c3c;
  --site-secondary: #8e44ad;
  --site-accent: #f1c40f;
}

/* 主色 / 紫系 */
.bg-purple-500, .bg-purple-600, .bg-purple-600\/20, .bg-purple-600\/90 { background-color: var(--site-primary) !important; }
.hover\:bg-purple-600\/30:hover { background-color: color-mix(in srgb, var(--site-primary) 30%, transparent) !important; }
.text-purple-300, .text-purple-400, .text-purple-500, .hover\:text-purple-300:hover, .hover\:text-purple-400:hover, .group:hover .group-hover\:text-purple-400 { color: #f4aea7 !important; }
.border-purple-500 { border-color: var(--site-primary) !important; }
.from-purple-400, .from-purple-500, .from-purple-600, .from-purple-600\/20, .hover\:from-purple-600\/30:hover, .hover\:from-purple-700:hover { --tw-gradient-from: var(--site-primary) var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-purple-900 { --tw-gradient-via: #68221b var(--tw-gradient-via-position) !important; }
.to-purple-500, .to-purple-600\/20 { --tw-gradient-to: #ef8b80 var(--tw-gradient-to-position) !important; }
.focus\:ring-purple-500:focus { --tw-ring-color: var(--site-primary) !important; }

/* 粉系渐变 */
.to-pink-400, .to-pink-500, .to-pink-600, .to-pink-600\/20, .to-pink-700, .hover\:to-pink-600\/30:hover, .hover\:to-pink-700:hover { --tw-gradient-to: var(--site-accent) var(--tw-gradient-to-position) !important; }
.bg-gradient-to-r.from-purple-400.to-pink-400, .bg-gradient-to-r.from-purple-500, span.bg-gradient-to-r { background-image: linear-gradient(to right, #ef8b80, #f1c40f) !important; -webkit-background-clip: text !important; background-clip: text !important; }

/* 按钮 / 滚动条 / 滑块 */
.btn-primary, .btn-primary:hover { --tw-gradient-from: var(--site-primary) !important; --tw-gradient-to: var(--site-accent) !important; background-image: linear-gradient(to right, var(--site-primary), var(--site-accent)) !important; }
.gradient-text { background: linear-gradient(135deg, var(--site-primary), var(--site-accent)) !important; -webkit-background-clip: text !important; background-clip: text !important; }
::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--site-primary) 50%, transparent) !important; }
::-webkit-scrollbar-thumb:hover { background: color-mix(in srgb, var(--site-primary) 70%, transparent) !important; }
input[type=range]::-webkit-slider-thumb, input[type=range]::-moz-range-thumb { background: var(--site-primary) !important; }
button:focus, input:focus, select:focus { outline-color: color-mix(in srgb, var(--site-primary) 50%, transparent) !important; }