/* Landing components consume the same semantic roles as the apps.
   All palette values live in palette.css. */
.landing-composition .nav .pill,
.landing-composition .hero-cta .pill,
.landing-composition .blue-button {
  color: var(--on-action);
}

.landing-composition .nav .pill:hover,
.landing-composition .hero-cta .pill:hover,
.landing-composition .blue-button:hover {
  background: var(--action-hover);
}

/* Preserve the lime hue at a readable shade for small text on paper. */
.quiet-link:hover,
.entry-arrow,
.position-route strong,
.faq summary::after {
  color: var(--action-text);
}

.token-symbol,
.lock-symbol,
.timeline-rule {
  --sky-deep: var(--action-text);
}