/* Platform-wide uppercase eyebrow/section label. `.global-label-caps` is the
   canonical treatment for the small tracked all-caps line that titles a group:
   a stat caption, a sidebar section heading, a card's template line, a filter
   group label, a totals label.

   Six near-identical hand-rolled declarations did this one job before this file
   existed (.analytics-stat-label, .analytics-section-heading, .sidebar-section
   / .global-sidebar-section-label, .opportunities-card__template, .property-filter-label,
   .condition-card__heading, .ref-breakdown__total-label). They agreed on the
   three properties that make the treatment — micro size, uppercase, positive
   tracking — and drifted only on weight, tracking step, and color.

       <div class="global-label-caps">New Opportunities</div>
       <div class="global-label-caps global-label-caps--strong
                   global-label-caps--wide">Platform</div>
       <span class="global-label-caps global-label-caps--md
                    global-label-caps--strong global-label-caps--wide">Total</span>

   Scope: TYPE ONLY — size, case, tracking, weight. It sets no color, no
   padding, and no layout, so a call site keeps its own surface color (sidebar
   ink, muted body text) and its own box in its own file. That is what makes
   adoption a pure class add rather than a visual change.

   This is not a chip and not a badge: `.global-chip` is a filled box around a
   value, `.global-badge` carries state color. This is a bare line of text. */

/* ── Canonical component ── 11px, uppercase, 0.05em tracking. Weight is
   deliberately inherited so a caption inside an already-medium block does not
   get double-bolded; opt in with --strong. */
.global-label-caps {
    font-size: var(--font-size-2xs);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* ── Variants ── each collapses a step the clones had already picked. */

/* --md: the 12px step, for a heading that sits next to body copy rather than
   under it (the analytics section heading, a totals label). */
.global-label-caps--md {
    font-size: var(--font-size-xs);
}

/* --strong: medium weight, for a label that titles a region instead of
   captioning a value. */
.global-label-caps--strong {
    font-weight: var(--font-weight-medium);
}

/* --wide: the looser 0.08em tracking used where the label is isolated on its
   own line and needs to read as chrome, not as content. */
.global-label-caps--wide {
    letter-spacing: 0.08em;
}