:root {
  /* Business Theme - Professional Corporate Colors */
  --color-primary: 59 130 246; /* Blue 500 */
  --color-secondary: 99 102 241; /* Indigo 500 */
  --color-accent: 168 85 247; /* Purple 500 */
  --color-bg: 248 250 252; /* Slate 50 */
  --color-surface: 255 255 255; /* White */
  --color-card: 255 255 255; /* White */
  --color-text: 15 23 42; /* Slate 900 */
  --color-text-muted: 71 85 105; /* Slate 600 */
  --color-border: 226 232 240; /* Slate 200 */
  --color-hero-bg: linear-gradient(135deg, rgb(59 130 246) 0%, rgb(99 102 241) 100%);
}

/* 应用到 body */
body {
  background-color: rgb(var(--color-bg)) !important;
  color: rgb(var(--color-text)) !important;
}

/* 覆盖 Tailwind 的背景色 */
.bg-gradient-to-br {
  background: rgb(var(--color-bg)) !important;
}

/* 主按钮样式 */
.btn-primary {
  background: rgb(var(--color-primary)) !important;
  color: white !important;
  border-radius: 0.5rem;
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  transition: all 0.2s;
  box-shadow: 0 4px 15px rgba(var(--color-primary), 0.3);
}

.btn-primary:hover {
  background: rgb(var(--color-secondary)) !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(var(--color-primary), 0.4);
}