/* BUTTON 5 (final): hero "Join the free Discord". Between solid ink and
   ghost: full-ink 1.5px outline + faint ink fill. */
html[data-btn="5"] .hero .hero-actions .hero-discord .fa-discord {
  font-size: 16px;
}
html[data-btn="5"] .hero .hero-actions .hero-discord {
  color: #18181b;
  background: rgba(24, 24, 27, 0.06);
  border: 1px solid #18181b;
  box-shadow: none;
  font-weight: 600;
}
html[data-btn="5"] .hero .hero-actions .hero-discord:hover {
  background: rgba(24, 24, 27, 0.11);
  border-color: #18181b;
}
html[data-btn="5"][data-ui-theme="night"] .hero .hero-actions .hero-discord {
  color: #f2f2f2;
  background: rgba(255, 255, 255, 0.09);
  border-color: #f2f2f2;
}
html[data-btn="5"][data-ui-theme="night"] .hero .hero-actions .hero-discord:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: #ffffff;
}
html[data-btn="5"] .hero .hero-actions .hero-discord .fa-discord {
  color: #7c4dff;
}
html[data-btn="5"][data-ui-theme="night"] .hero .hero-actions .hero-discord .fa-discord {
  color: #a58bff;
}

/* NAV BUTTON VARIANTS (html[data-nav] 1-4) for the header "Join Discord". 1 = solid purple. */
html[data-nav="2"] .site-header .funnel-header-duo .duo-discord {
  color: #5b34e0;
  background: rgba(124, 77, 255, 0.1);
  border-color: rgba(124, 77, 255, 0.22);
}
html[data-nav="2"][data-ui-theme="night"] .site-header .funnel-header-duo .duo-discord {
  color: #c4b1ff;
  background: rgba(124, 77, 255, 0.16);
  border-color: rgba(124, 77, 255, 0.3);
}
html[data-nav="3"] .site-header .funnel-header-duo .duo-discord {
  color: var(--ink);
  background: transparent;
  border-color: var(--line);
}
html[data-nav="3"] .site-header .funnel-header-duo .duo-discord .fa-discord {
  color: #7c4dff;
}
html[data-nav="4"] .site-header .funnel-header-duo .duo-discord {
  color: #6a3df0;
  background: transparent;
  border-color: transparent;
  padding-inline: 4px;
}
html[data-nav="4"][data-ui-theme="night"] .site-header .funnel-header-duo .duo-discord {
  color: #b39bff;
}
html:is([data-nav="2"], [data-nav="3"], [data-nav="4"]) .site-header .funnel-header-duo .duo-discord .arrow-icon {
  display: none;
}

/* Hero chart card: defined edge on light backgrounds. */
.hero .hero-stream {
  border-color: rgba(20, 20, 24, 0.14);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.6) inset,
    0 18px 40px -26px rgba(20, 20, 30, 0.35);
}
html[data-ui-theme="night"] .hero .hero-stream {
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow: 0 18px 40px -26px rgba(0, 0, 0, 0.7);
}

/* Discord section CTA: one step louder than the hero button (purple tint). */
#discord .button.button--discord {
  min-height: 52px;
  color: #3f1fb8;
  background: rgba(124, 77, 255, 0.14);
  border: 1px solid rgba(124, 77, 255, 0.55);
  font-weight: 650;
  box-shadow: 0 10px 26px -16px rgba(124, 77, 255, 0.7);
}
#discord .button.button--discord:hover {
  background: rgba(124, 77, 255, 0.2);
  border-color: #7c4dff;
}
html[data-ui-theme="night"] #discord .button.button--discord {
  color: #ffffff;
  background: rgba(124, 77, 255, 0.24);
  border-color: rgba(150, 115, 255, 0.7);
  box-shadow: 0 10px 28px -14px rgba(124, 77, 255, 0.65);
}
html[data-ui-theme="night"] #discord .button.button--discord:hover {
  background: rgba(124, 77, 255, 0.32);
}