/*
 * Signal and Echo design system: the button meta line (site profile, issue 164; .claude/reference/site-profile.md s4, "button additions").
 *
 * A download button: the label, then a second, smaller run with the file type and size, and the
 * `download` icon first.
 *
 *   <a class="sds-button" data-variant="secondary" href="press-kit.zip" download>
 *     <svg class="sds-icon" aria-hidden="true"><use href="icons.svg#download"></use></svg>
 *     <span>Press kit</span>
 *     <span class="sds-button-meta">ZIP, 24 MB</span>
 *   </a>
 *
 * The meta keeps the button's own text color, so it holds the contrast pair of every variant
 * (primary, secondary, ghost, danger); it differs by size and weight only (type.caption), with
 * tabular figures, and never breaks inside. Every value is a token; the only literals are keywords.
 */

/* sds-claims: button-meta */

@layer sds.reset, sds.components;

@layer sds.components {
  .sds-button-meta {
    font-size: calc(var(--sds-type-caption-size) * var(--sds-type-scale));
    font-weight: var(--sds-type-caption-weight);
    letter-spacing: var(--sds-type-caption-tracking);
    line-height: var(--sds-type-caption-line-height);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }
}