/*
 * The small-caps label: MARKET CAP over a stat, IMPACT 4 on a news item,
 * SEARCH A TICKER OR COMPANY over the hero's field, FOLLOWING at the head of
 * the strip. Condensed 500, upper case, tracked. From `caps_label_tag`; use
 * it rather than an ad-hoc `text-transform`.
 *
 *   .caps-label         muted
 *   .caps-label--ink    in ink, for the label that is itself the news
 */
@layer components {
  .caps-label {
    color: var(--color-ink-muted);
    font-family: var(--font-ui);
    font-size: var(--text-caps);
    font-weight: var(--weight-medium);
    line-height: var(--leading-caps);
    letter-spacing: var(--tracking-caps);
    text-transform: uppercase;
  }

  .caps-label--ink {
    color: var(--color-ink);
  }
}