/* Section captions are secondary to the heading they introduce. A layer keeps
   them consistent across the legacy themes and page-specific utilities. */
@layer heading-labels {
    :is(
        .heading-label, .client-topbar__eyebrow, .client-page-kicker, .dashboard-panel-kicker,
        .dashboard-setup-guide__kicker, .overview-eyebrow, .client-api-eyebrow,
        .subscription-overview__eyebrow, .product-question-modal__eyebrow, .ai-qa-language-panel__eyebrow,
        .product-demo__eyebrow, .onboarding-eyebrow, .onboarding-step-count,
        .team-verification-eyebrow, .error-card__eyebrow,
        .legal-page__eyebrow, .legal-doc__eyebrow, .legal-cookie-settings__eyebrow,
        .review-journey-heading__eyebrow, .review-section-kicker, .review-guidance__eyebrow,
        .review-step-count, .profile-eyebrow, .profile-panel-label, .product-widget-preview-heading > span,
        .widget-type-option__header small, .entity-nav__entity small, .client-subnav__context small,
        .usage-analysis-breakdown > header > span, .ai-summary-item__target small
    ) {
        color: var(--heading-label-color, #9e9e9e) !important;
        text-transform: none !important;
        letter-spacing: normal !important;
        font-weight: 600 !important;
    }

    .profile-eyebrow, .profile-panel-label, .product-reviews-embed--light {
        --heading-label-color: #626262;
    }

    /* Use the product accent to orient the page and highlight setup, with muted card captions. */
    .client-page-header .client-page-kicker,
    .dashboard-setup-guide__kicker,
    .onboarding-eyebrow {
        --heading-label-color: var(--eurion-accent, var(--brand-accent, #e6bc3c));
    }

    :is(.profile-eyebrow, .profile-panel-label) > i { color: inherit !important; }
    :is(.legal-page__eyebrow, .legal-doc__eyebrow, .legal-cookie-settings__eyebrow)::before,
    :is(.onboarding-eyebrow, .review-guidance__eyebrow) > span,
    .heading-label > .rounded-full:empty { background-color: currentColor !important; }
}