/* Website refinements for the vendored design-system bundle. Keep the source
   component rules in sync; the bundle injects its original rules at runtime. */
#root .acona-insight__meta,
#root .acona-pcard__tag,
#root .acona-tag--sm {
  font-size: var(--text-xs);
}

#root .acona-btn--md,
#root .acona-arrowlink--md {
  font-size: var(--text-cap);
}
#root .acona-btn--lg,
#root .acona-arrowlink--lg {
  font-size: var(--text-base);
}

/* Small white labels need the deeper clay shade; decorative accents retain
   their original color role. */
#root .acona-btn--accent { background: var(--color-accent-hover); }
#root .acona-btn--accent:hover { background: var(--clay-700); }
#root .acona-tag--solid.acona-tag--clay { background: var(--clay-600); }

#root .hero__title {
  font-size: var(--text-hero-title);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-tight);
}
#root .hero__sub {
  font-size: var(--text-hero-sub);
  line-height: var(--leading-normal);
  color: var(--text-on-ink);
  text-shadow: 0 1px 5px rgba(12, 23, 32, .75);
}
#root .hero__meta {
  color: var(--text-on-ink);
  text-shadow: 0 1px 4px rgba(12, 23, 32, .8);
}