/* ============================================
   Youcole Color Theme Update
   Based on LOGO colors: Dark Gray + Orange
   ============================================ */

/* Override CSS Variables with LOGO-based colors */
:root {
  --primary: #333333;
  --accent: #FF6B35;
  --accent-light: #FF8C5A;
  --accent-glow: rgba(255, 107, 53, 0.15);
  --text-primary: #333333;
  --text-secondary: #555555;
  --text-muted: #888888;
  --bg-white: #FFFFFF;
  --bg-light: #F8F8F8;
  --bg-dark: #1A1A1A;
  --bg-darker: #111111;
  --border: #E0E0E0;
  --border-light: rgba(255,255,255,0.1);
}

/* Update gradients to use new accent color */
.hero-gradient {
  background: radial-gradient(ellipse 80% 60% at 50% -10%, rgba(255,107,53,0.35) 0%, transparent 60%),
              radial-gradient(ellipse 50% 50% at 85% 50%, rgba(255,140,90,0.2) 0%, transparent 50%),
              linear-gradient(180deg, #111111 0%, #1A1A1A 100%) !important;
}

.about-card-main::before {
  background: radial-gradient(circle, rgba(255,107,53,0.3) 0%, transparent 70%) !important;
}

#process::before {
  background: radial-gradient(ellipse 60% 80% at 50% 0%, rgba(255,107,53,0.2) 0%, transparent 60%) !important;
}

.solution-showcase::before {
  background: radial-gradient(circle, rgba(255,107,53,0.25) 0%, transparent 70%) !important;
}

/* Update CTA background */
#cta {
  background: linear-gradient(135deg, var(--accent) 0%, #FF8C5A 100%) !important;
}

/* Update button hover colors */
.btn-primary:hover {
  background: #E85A25;
  border-color: #E85A25;
  box-shadow: 0 8px 25px rgba(255, 107, 53, 0.35) !important;
}

/* Update hero highlight text - 纯色橙色 */
.hero-title .highlight {
  color: #FF6B35 !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  background-clip: initial !important;
}

/* Update hero badge - 更轻盈的背景 */
.hero-badge {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  color: var(--accent) !important;
}

.hero-badge .dot {
  background: var(--accent) !important;
}

/* Update stat highlight color */
.hero-stat-item .number span,
.stat-block .num em {
  color: #FF8C5A !important;
}

/* Update section divider */
.divider {
  background: var(--accent) !important;
}

/* Update advantage icons */
.advantage-icon.blue { background: linear-gradient(135deg, #FF8C5A, #FF6B35); }
.advantage-icon.purple { background: linear-gradient(135deg, #FFB84D, #FF8C5A); }

/* Update scroll to top button */
#scrollTop {
  background: var(--accent);
  box-shadow: 0 4px 20px rgba(255, 107, 53, 0.4);
}
#scrollTop:hover { background: #E85A25; }