/* CarRider brand-eyebrow.css — global brand-mark eyebrow + lede paragraph.
 * Extracted from forms.css. Tokens are defined in tokens.css (loaded
 * first via _base.html).
 *
 * .brand-mark and .lede were promoted from auth.css scoped selectors
 * (parallel to GLEAM-044) so that any page that calls macros/chrome.html
 * page_header() — whether it loads auth.css or admin chrome.css — gets
 * the same eyebrow / sub-heading styling.
 */

/* ── Brand-mark eyebrow (global — all surfaces) ──────────────────
 * Promoted from auth.css scoped selectors (parallel to GLEAM-044) —
 * admin pages that load forms.css + chrome.css now pick up the eyebrow
 * style emitted by macros/chrome.html page_header(). */
.brand-mark {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  color: var(--fb-text-section);
  text-transform: uppercase;
  margin-bottom: var(--fb-s-4);
}

/* ── Lede / sub-heading paragraph (global — all surfaces) ────────
 * Promoted from auth.css scoped selectors (GLEAM-044) so that admin
 * pages using chrome.css + forms.css (no auth.css) get consistent
 * styling for <p class="lede"> emitted by macros/chrome.html. */
.lede {
  color: var(--fb-text);
  margin: 0 0 var(--fb-s-5);
  font-size: 14px;
  line-height: 1.55;
}