/**
 * Accent hue: Purple (default brand) vs Orange (homepage CTA energy).
 * html[data-accent="purple" | "orange"] — persisted via accent-hue.js
 */

html[data-accent="purple"],
html:not([data-accent]) {
  --tc-theme-primary-1: #6e4ef2;
  --tc-theme-dark-primary-1: #6e4ef2;
  --tc-bg-2: #6e4ef2;
  --tc-linear-1: linear-gradient(90deg, #6d4df2 0%, #8c71ff 100%);
  --tc-linear-2: linear-gradient(-180deg, #6e4ef2 0%, transparent 100%);
  --tc-linear-dark-1: linear-gradient(90deg, #6d4df2 0%, #8c71ff 100%);
  --tc-linear-dark-2: linear-gradient(-180deg, #6e4ef2 0%, transparent 100%);
}

html[data-accent="orange"] {
  --tc-theme-primary-1: #ff6b35;
  --tc-theme-dark-primary-1: #ff7a45;
  --tc-bg-2: #e85d2a;
  --tc-linear-1: linear-gradient(90deg, #ff6b35 0%, #ff8c42 100%);
  --tc-linear-2: linear-gradient(-180deg, #ff6b35 0%, transparent 100%);
  --tc-linear-dark-1: linear-gradient(90deg, #ff7a45 0%, #ffb089 100%);
  --tc-linear-dark-2: linear-gradient(-180deg, #ff6b35 0%, transparent 100%);
}

[data-bs-theme="dark"][data-accent="purple"] body.home-page-2,
[data-bs-theme=dark][data-accent="purple"] body.home-page-2 {
  /* subtle neutral — inherited from theme */
}

[data-bs-theme="dark"][data-accent="orange"] body.home-page-2,
[data-bs-theme=dark][data-accent="orange"] body.home-page-2 {
  /* optional warm undertone could go here */
}

/* --- Homepage accent toggle --- */
.accent-hue-switcher .accent-pill {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid transparent;
  padding: 0;
  cursor: pointer;
  transition: border-color 0.2s ease, transform 0.15s ease;
  flex-shrink: 0;
}

.accent-hue-switcher .accent-pill:focus-visible {
  outline: 2px solid var(--tc-theme-primary-2);
  outline-offset: 2px;
}

.accent-hue-switcher .accent-pill--purple {
  background: linear-gradient(135deg, #6d4df2, #8c71ff);
}

.accent-hue-switcher .accent-pill--orange {
  background: linear-gradient(135deg, #ff6b35, #ff9a5c);
}

html[data-accent="purple"] .accent-hue-switcher .accent-pill--purple,
html:not([data-accent]) .accent-hue-switcher .accent-pill--purple {
  border-color: rgba(255, 255, 255, 0.85);
  transform: scale(1.08);
}

html[data-accent="orange"] .accent-hue-switcher .accent-pill--orange {
  border-color: rgba(255, 255, 255, 0.85);
  transform: scale(1.08);
}

/* Explore section */
.section-explore-site .explore-card {
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.section-explore-site .explore-card:hover {
  transform: translateY(-4px);
  border-color: var(--tc-theme-primary-2) !important;
}

/* Footer mega-marquee before footer: .text-900 !important breaks gradient text;
   default .bg-900 .stroke fades into the same bg color — use brand gradient */
.scroll-move-right.bg-900 h3.stroke {
  background: var(--tc-linear-1) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}