/*
  DJC skin overrides for DJC_HeroNav.
  Adopt the project's design tokens (color-1/2/3 + gradient-hero) as the
  default sticky background and accent color so the component slots into
  any DJM landing page without per-page overrides.
*/

.djc-hero-nav.djc {
  --hn-bg: linear-gradient(to bottom, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.18) 100%);
  --hn-bg-sticky: var(--gradient-hero, linear-gradient(135deg, rgba(var(--rgb-1, 42, 82, 152), 0.92), rgba(var(--rgb-2, 107, 45, 139), 0.92)));
  --hn-icon: var(--color-3, #f9a825);
  --hn-icon-hover: var(--color-3, #f9a825);
  --hn-text: rgba(var(--rgb-light, 255, 255, 255), 0.75);
  --hn-text-hover: var(--color-light, #ffffff);
}